如何從父組件檢查子組件被調用的次數

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

讓用這種方式嘗試

家長component.component.ts

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

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