如何在angular2中獲取多個select下拉選擇值

Question

嗨，我用過 Angular8 和 bootstrap 4。我用過 bootstrap 多選下拉菜單，我需要獲取選定的下拉菜單值。 我怎樣才能得到這些值。

演示

TS：

 setTimeout(() => {
      $('#multiselectFileName').multiselect({
        buttonWidth: '400px'
      });
      $('#multiselectUser').multiselect({
        buttonWidth: '400px'
      });
    },100)

HTML：

<div class="form-group">
          <label for="">Select User</label>
          <select name="user" id="multiselectUser" multiple="multiple" (change)="selecteduser($event)">
              <option *ngFor="let field of user" [value]="field.id" >
                  {{field.userName}}</option>
          </select>
      </div>

Answer 1

對我來說，這與這個問題很相似，嘗試使用 [(ngModel)] 在 select 標簽中綁定組件的變量（ts 文件）以查看會發生什么，也可以使用 console.log() 或調試模式查看綁定到 [(ngModel)] 的變量的值 例如：

<select [(ngModel)]="selectedUsers" name="user" id="multiselectUser" multiple="multiple" (change)="selecteduser($event)">
              <option *ngFor="let field of user" [value]="field.id" >
                  {{field.userName}}</option>
          </select>