Comment vérifier à partir du composant parent, combien de fois le composant enfant est appelé

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

J'appelle des composants du composant parent, et je voudrais imprimer combien de fois ces composants enfants ont appelé.

Answer 1

Vous pouvez créer un service avec une propriété pour suivre le nombre. Puis l'incrémenter dans le ngOnInit du composant enfant.

Answer 2

vais essayer avec cette façon

parents-component.component.ts

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

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