通过DOM访问父方法和变量 - Angular 2+

Question

Hello有没有办法通过DOM访问上层组件及其变量和方法？

在我的示例中，Angular Code是动态生成的，可能有不同的组件。但是Child确实知道父DOM组件有哪些方法和变量。

有没有办法获取方法和变量？

例如：https://stackblitz.com/edit/angular-dhpnf8

<hello name="grandparent1">
    <some-other-component name="parent1">
        <div>
            <hello name="grandchild1">
            </hello>
            <hello name="grandchild2">
            </hello>
        </div>
    </some-other-component>
</hello>

Answer 1

是的，你只需要

import { ParentPage } from '../../pages/well-control/parent';
.
.
.
parent: ParentPage;
parent1: any;
.
.
.
constructor(...){
parent.method1();//you can use it anywhere
parent1 = parent.variable1;
}