title: Select PrimeNg multiselect option on button click, Angular
body: <p>I am using <code>primeng multiselect</code> for multi-select dropdown with search functionality.
  Everything is working fine in normal scenario, but now i have buttons which are associated with each options. On the click of the button i want to select respective option from the select list and it should update the label as well.</p>
  
  <p><strong>HTML Code</strong></p>
  
  <pre><code>&lt;div class="col-md-3"&gt;
      &lt;p-multiSelect [options]="bins" defaultLabel="Select Bins" [(ngModel)]="selectedBins" (onChange)="binSelect($event)"&gt;&lt;/p-multiSelect&gt;
      &lt;p&gt;Selected Bins: {{selectedBins}}&lt;/p&gt;
  &lt;/div&gt;
  &lt;button (click)="clicked('bin1')"&gt;Bin 1&lt;/button&gt;
  &lt;button (click)="clicked('bin2')"&gt;Bin 2&lt;/button&gt;
  </code></pre>
  
  <p><strong>Component</strong></p>
  
  <pre><code>interface ObjBinMultiSelect {
    name: string,
    code: string
  }
  
  export class Test implements OnInit{
  
    bins: SelectItem[];
    selectedBins: ObjBinMultiSelect[] = [];
  
    //Pushing the data on service call success using forEach
    //below list is just for reference
  
    bins.push({ label: "bin1", value: "bin1" });
    bins.push({ label: "bin2", value: "bin2" });
  
    clicked(val) {
        this.selectedBins.push(val);
    }
  }
  </code></pre>
  
  <p>On the <code>clicked</code> function i am able to check the checkbox of respected value but not able to update the labels. Also i am not sure whether pushing the value is the proper way or not. how to achieve this and also whether this is a proper way or not?</p>