title: how to create menu in angular 11 by inputing array from parent to child
body: <p>I'm trying to create a menu with 2 tabs, I defined this array in parent</p>
  <pre><code>public labelArray: string[]=[''];
  
    constructor() { 
    this.labelArray =['tab1', 'tab2'];
  }
  </code></pre>
  <p>I called this array in child component</p>
  <pre><code>@Input('tabs') public labelArray: any;
  </code></pre>
  <p>then I put this in child.html</p>
  <pre><code>&lt;div&gt;
    {{labelArray}}
  &lt;/div&gt;
  </code></pre>
  <p>and then use ngFor to iterate the array index</p>
  <pre><code>&lt;div class=&quot;header-menu&quot;&gt;
          &lt;app-tabs [tabs]= &quot;labelArray&quot; *ngFor= 'let item of labelArray'&gt;&lt;/app-tabs&gt;
  </code></pre>
  
  <p>but the resulted menu is like this:  tab1,tab2  tab1,tab2</p>
  <p>it should be like this: tab1 tab2</p>
  <p>how should I fix this?</p>