1

Ich frage mich, ob es möglich ist, eine Iteration bestimmter Elemente zu erstellen. Ich brauche eine andere CSS-Klasse für jedes Element des ng-Inhalts, also muss ich eine Schleife für jedes Element des ng-Inhalts erstellen. Ist es möglich?* ngFor auf Elemente von ng-content Winkel

Im Moment übergebe ich einen Parameter an das Kind Element, um ihn aufzuzählen, aber ich möchte es ohne die Nummer tun. Dies ist mein Code:

<sys-tab [tabs]="['Principal', 'Complementar']"> 
    <sys-tab-content [num]="1"> 
    <sys-panel header="Dados Gerais"> 
     <sys-input-text header="Nome" tam="1"></sys-input-text> 

     <sys-input-mask header="CNPJ"></sys-input-mask> 
     <sys-input-mask header="CNES"></sys-input-mask> 
     <sys-input-mask header="Telefone"></sys-input-mask> 

     <sys-input-text header="Email"></sys-input-text> 
    </sys-panel> 
    </sys-tab-content> 
    <sys-tab-content [num]="2"> 
    <sys-input-text header="Email"></sys-input-text> 
    </sys-tab-content> 
</sys-tab> 

Wie Sie, um das Kind sehen kann ich die Nummer passs, so kann ich erkennen, wer ihn ist, aber ich möchte eine Schleife in den ng-coontent erstellen, so kann ich eine andere hinzufügen Klasse zu jedem "sys-tab-content"

+0

Übergeben Sie eine *** ngFor ** -Schleife als 'ng-content' in eine Elternkomponente. Oder fügen Sie die Komponenten manuell hinzu, wie im obigen Beispiel? – Mihailo

+0

Siehe https://stackoverflow.com/questions/36755844/angular2-child-component-as-data/36760027#36760027, https://stackoverflow.com/questions/35190188/can-an-ng-content-be- used-inside-of-ng-for/35192483 # 35192483 –

+0

@Mihailo Ich füge die Komponenten manuell hinzu –

Antwort

0

Es gibt zwei Möglichkeiten, ein "ngFor" hinzuzufügen oder durch die childs zu iterieren.

Einer ist durch die Einfügung: und der andere ist durch Überprüfen der ViewChildren der übergeordneten Komponente.

Verwandte Themen