title: *ngFor on elements of ng-content Angular
body: <p>I was wondering if is it possible to create a iteration of certain elements of . I need a different css class to every element of the ng-content so i need to make a loop of every element of ng-content. Is it possible?</p>
  
  <p>Right now i pass a parameter to the child element to enumerate him, but i would like to do it without the number. This is my code:</p>
  
  <pre><code>&lt;sys-tab [tabs]="['Principal', 'Complementar']"&gt;
    &lt;sys-tab-content [num]="1"&gt;
      &lt;sys-panel header="Dados Gerais"&gt;
        &lt;sys-input-text header="Nome" tam="1"&gt;&lt;/sys-input-text&gt;
  
        &lt;sys-input-mask header="CNPJ"&gt;&lt;/sys-input-mask&gt;
        &lt;sys-input-mask header="CNES"&gt;&lt;/sys-input-mask&gt;
        &lt;sys-input-mask header="Telefone"&gt;&lt;/sys-input-mask&gt;
  
        &lt;sys-input-text header="Email"&gt;&lt;/sys-input-text&gt;
      &lt;/sys-panel&gt;
    &lt;/sys-tab-content&gt;
    &lt;sys-tab-content [num]="2"&gt;
      &lt;sys-input-text header="Email"&gt;&lt;/sys-input-text&gt;
    &lt;/sys-tab-content&gt;
  &lt;/sys-tab&gt;
  </code></pre>
  
  <p>As you can see, to the child i passs the number so i can recognize who is him, but i want to create a loop to the ng-coontent so i can add a different class to every "sys-tab-content"</p>