angular - Angular 6 有没有办法让 ViewChildren 深入？

Question

有什么方法可以从子组件中获取子组件吗？

想象一下以下组件树:

• 应用程序
  • 问题
    • 问题选项(包含复选框)
    • 问题选项(包含复选框)
    • 问题选项(包含复选框)

我想从 App 访问问题选项以选中所有复选框。

参见https://stackblitz.com/edit/angular-ghvsuu举个例子。

Answer 1

不过你可以用不同的方式来做到这一点。

在 QuestionComponent 中添加 @ViewChildren(QuestionOptionComponent) 选项，而不是 AppComponent

在AppComponent

中

export class AppComponent  {

  @ViewChild(QuestionComponent) question

  constructor(private elementRef: ElementRef) {}

  checkAll() {
    console.log("this.question", this.question) // found
    console.log("this.options", this.question.options) // found

  }
}

fork DEMO