如何从Parent组件中检查子组件被调用的次数

Question

<parent-component>
<child-component></child-component>
<child-component></child-component>
<child-component></child-component>
<child-component></child-component>
<parent-component>

@Component({
    selector: 'child-component',
    inputs: [count]
})

我正从父组件调用组件，我想打印这些子组件调用的次数。

Answer 1

您可以使用属性构建服务以跟踪计数。然后在子组件的ngOnInit中增加它。

Answer 2

试试这种方式

parent-component.component.ts

class ParentComponent {
    @ViewChildren(ChildComponent) childComponents: QueryList<ChildComponent>;

    ngAfterViewInit() {
      console.log(this.childComponents.length)
    }
}