title: Dynamically add MenuItems to PrimeNG Menu after Angular GET request
body: <p>I have an array of Show objects which hold just an ID and name. I was using these to set up a sidebar with Bootstrap but am now trying to use PrimeNG.</p>
  <p>I know that PrimeNG Menus work with MenuItem objects and I am trying to keep my original Shows[] and set up a separate MenuItem[] to feed the Menu component.</p>
  <pre><code>export class ShowSidebarComponent implements OnInit {
    shows?: Array&lt;Show&gt;;
    items!: MenuItem[];
    item?: MenuItem;
  
    getShows(): void {
      this.showService.getShowTitles().subscribe(res =&gt; this.shows = res);
    }
  
    constructor(
      private showService: ShowService,
      private route: ActivatedRoute
    ) {}
  
    ngOnInit(): void {
      this.getShows();
  
      this.shows?.forEach(show =&gt; {
        this.item = {label: show.title};
        this.items.push(this.item);
      })
    }
  }
  </code></pre>
  <p>getShows() is where the Shows[] is filled. After I call that I add MenuItems to the MenuItem[], but nothing shows in the menu when it runs.</p>
  <pre><code>&lt;p-menu [model]=&quot;items&quot;&gt;&lt;/p-menu&gt;
  </code></pre>
  <p>The template is just this.</p>
  <p>Any ideas on how to get this working?</p>