title: How to get multiple values from multiple select drop down in angular 6?
body: <p>My code is given below,</p>
  
  <pre><code>&lt;select multiple [(ngModel)]="myModelProperty" name="category" (change)="catFilter($event.target.value);hName($event.target.value);" class="form-control"&gt;
          &lt;option&gt;Select Cat&lt;/option&gt;
          &lt;ng-container *ngFor="let type of cat"&gt;
              &lt;ng-container *ngIf="type.Record.Pre!=undefined"&gt; 
              &lt;ng-container *ngIf="type.Record.prefname"&gt;
              &lt;option [value]="type.Record.pre"&gt;{{type.Record.prefname}}&lt;/option&gt;
              &lt;ng-container *ngFor="let e of cat"&gt;
              &lt;ng-container *ngIf="e!=type"&gt;
                  &lt;ng-container *ngIf="e.Record.Pre == type.Record.Pre"&gt;
                  &lt;option [value]="type.Record.subcat"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;{{ e.Record.subcat }}&lt;/option&gt;
                  &lt;/ng-container&gt;
              &lt;/ng-container&gt;
             &lt;/ng-container&gt;
             &lt;/ng-container&gt;
             &lt;/ng-container&gt;
             &lt;/ng-container&gt;
      &lt;/select&gt;
  </code></pre>
  
  <p>And in my ts file,</p>
  
  <pre><code>   catFilter(selectedCat:string){
        this.selectedCat = selectedCat;
     }
  </code></pre>
  
  <p>I want to choose multiple values &amp; get the selected values from the dropdown. Can anybody please tell me how to do this in angular 6? I have followed many links, But they have shown me how to get a value of a single option. But I need to get values of multiple options.</p>