如何在angular2中获得多重选择下拉选择的值

Question

嗨，我使用了Angular8和bootstrap4。我使用了bootstrap multi-select下拉列表，我需要获取选定的下拉列表值。我如何获得这些值。

DEMO

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

对我来说，它与此question类似，请尝试使用[[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>