从“查看子级”组件（从子级到父级）获取价值

Question

I have this code to my parent (profile.component.ts)

@ViewChild(QuestionComponent) questions: QuestionComponent;

then console.log('questions'); return

I just want to get the questions value which the red highlighted box below . How can I do this?

Answer 1

You can access the child component data in parent component using @ViewChild directive.

In your parent component:

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
    }
  }
}

Hope this will help you.

Note: This will work only if you are having only one QuestionComponent as a child