從“查看子級”組件（從子級到父級）獲取價值

Question

我將此代碼發送給了我的父母（profile.component.ts）

@ViewChild(QuestionComponent) questions: QuestionComponent;

然后console.log('questions'); 返回

我只想獲取下面紅色突出顯示框內的問題值。 我怎樣才能做到這一點？

Answer 1

您可以使用@ViewChild指令訪問父組件中的子組件數據。

在您的父組件中：

ParentClass implements OnInit{

  @ViewChild(QuestionComponent) questionComponent: QuestionComponent;

  ngOnInit() {
    this.getQuestions(); // you can call this function wherever you need it
                         // just, for example, I am calling it from ngOnInit
  }

  getQuestions() {
    if (questionComponent) {
      console.log(questionComponent.questions); // like this way we can access child component variables and functions in parent class
    }
  }
}

希望這會幫助你。

注意：僅當您只有一個QuestionComponent作為孩子時，此方法才有效