View child/ 从父组件查看子组件到子组件

Question

我想从父组件到子组件查看Child。

class ParentComponent {
  @ViewChild('CommentSection') commentBox: ElementRef
}

class ChildComponent {}

child.component.html

<textarea #CommentSection>
 </textarea>

有可能吗？

我在 afterviewInit 函数中得到“未定义”

Answer 1

你可以像这样访问子组件

import { Component, ViewChildren, AfterViewInit, QueryList } from '@angular/core';
import { MyComponent } from './mycomponent.component';

export class ParentComponent implements AfterViewInit
{

    @ViewChildren(MyComponent) childrenComponent: QueryList<MyComponent>;

    public ngAfterViewInit(): void
    {
        this.childrenComponent.changes.subscribe((comps: QueryList<MyComponent>) =>
        {
            // Now you can access the child component
        });
    }
}