问我们能/如何通过@ViewChild的角度访问外孙组件吗？

EN

您真正需要的是组件间的交互。

一种方法是按照你的建议，让孙女以某种方式得到这个活动，但这会很麻烦。那么，如果出于设计原因，您希望更改通信组件之间的关系呢？

惯用的方法是让组件共享信息，不管它们在模板中的关系如何。

角文档在这一页的这一部分中很好地描述了这一点(查看整个页面，以便更好地理解我刚才解释的内容)。

因为你可以调用一个孩子的函数，你可以让孩子调用孙子的函数。不知道这是不是最好的主意，但这是可能的。

父母：

@ViewChild(ChildComponent) child!: ChildComponent;

makeGrandchildDoSomething() {
    this.child.callChild();
}

儿童：

@ViewChild(GrandchildComponent) grandchild!: GrandchildComponent;

callChild() {
    this.grandchild.doSomething();
}

孙女：

doSomething() {
    //grandchild special function
}

备注：

• 要像这样使用@ViewChild，孩子必须在视图中。
• 角8+可能需要：@ViewChild(ChildComponent, { static: false })
• 类似地，您可以使用@Output提高返回值。