Angular ContentChildren(Component)获得任何类型

时间:2018-11-02 20:46:48

标签: angular angular5 angular6

我知道您可以通过指定特定的组件类型@ContentChildren(SpecificComponent)来获得子级,但是我可以使用@ContentChildren(SOMETHING)来获取一个组件而不管其类型如何,例如通用组件?

2 个答案:

答案 0 :(得分:1)

不确定为什么有人不加说明地投票,但最终找到了解决方案:

@ContentChildren('childComponent') childComponents;

我将字符串而不是组件传递给contentchildren。该字符串允许我使用引用选择器(#childComponent)

答案 1 :(得分:0)

@Component({
  template: '<ng-content></ng-content>',
})
export class TestComponent implements AfterContentInit {

    constructor(private readonly elementRef: ElementRef) {
    }

    ngAfterContentInit() {
        const element = this.elementRef.nativeElement as HTMLElement;
        // do wathever you want with element.children
    }
}