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

Question

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

在我的示例中，Angular 代码是动态生成的，并且可能有不同的组件。但是 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;
}