title: Open multiselect with another button (primeng, angular)
body: <p>Is there a way to open a primeng <a href="https://primefaces.org/primeng/#/multiselect" rel="nofollow noreferrer">multiselect</a> using another button?</p>
  
  <p>I've tried triggering by clicking on the nativeElement, but that has not worked.</p>
  
  <p>Below is my component:</p>
  
  <pre><code>&lt;div&gt;
    &lt;button class="btn btn-primary" #filterButton (click)="openMultiselect()"&gt;Trigger remotely&lt;/button&gt;
  &lt;/div&gt;
  
  &lt;div class="ui-g"&gt;
    &lt;div class="ui-g-6 ui-fluid"&gt;
      &lt;p-multiSelect [options]="cities1" [(ngModel)]="selectedCities1"&gt;&lt;/p-multiSelect&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And TS:</p>
  
  <pre><code>@ViewChild(MultiSelect) filterButton: MultiSelect;
  
    openMultiselect() {
      this.filterButton.el.nativeElement.click()
    }
  </code></pre>
  
  <p>And stackblitz: <a href="https://stackblitz.com/edit/ngprime-multiselect-azdsh4" rel="nofollow noreferrer">https://stackblitz.com/edit/ngprime-multiselect-azdsh4</a></p>