title: Primeng megamenu error
body: <p>I am implementing the simple primeng megamenu. I am getting the following error. Can anyone please help whats wrong with my code and how to fix if there is an issue? I followed the sample code mentioned in <a href="https://www.primefaces.org/primeng/#/menumodel" rel="nofollow noreferrer">primeng</a>. The following code only displays the top menu item and not the submenu items.</p>
  
  <p>Primeng version i am using is : ~4.1.0</p>
  
  <p>Component:</p>
  
  <pre><code>        import { MegaMenuModule } from 'primeng/primeng';
          &lt;p-megaMenu [model]="items"&gt;&lt;/p-megaMenu&gt;
  
  items: Array&lt;MenuItem&gt;;
      this.items = [
          {
              label: 'TV', icon: 'fa fa-fw fa-check',
              items: [
                  {
                      label: 'TV 1',
                      items: [{ label: 'TV 1.1' }, { label: 'TV 1.2' }]
                  },
                  {
                      label: 'TV 2',
                      items: [{ label: 'TV 2.1' }, { label: 'TV 2.2' }]
                  }
              ]
          },
          {
              label: 'Sports', icon: 'fa fa-fw fa-soccer-ball-o',
              items: [
                  {
                      label: 'Sports 1',
                      items: [{ label: 'Sports 1.1' }, { label: 'Sports 1.2' }]
                  },
                  {
                      label: 'Sports 2',
                      items: [{ label: 'Sports 2.1' }, { label: 'Sports 2.2' }]
                  }
              ]
          },
          {
              label: 'Entertainment', icon: 'fa fa-fw fa-child',
              items: [
                  {
                      label: 'Entertainment 1',
                      items: [{ label: 'Entertainment 1.1' }, { label: 'Entertainment 1.2' }]
                  },
                  {
                      label: 'Entertainment 2',
                      items: [{ label: 'Entertainment 2.1' }, { label: 'Entertainment 2.2' }]
                  }
              ]
          }
      ];
  </code></pre>
  
  <p>The output i get is:
  <a href="https://i.stack.imgur.com/ShNSW.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ShNSW.jpg" alt="enter image description here"></a>
  Error:</p>
  
  <pre><code> Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.
  </code></pre>
  
  <p>Thanks</p>