Question

在我的Angular2应用程序中我使用多选输入：

<select class="form-control" name="attendees" #attendees multiple>
   <option *ngFor="let person of people" 
       value="{{person.id}}" 
       [selected]="isAttending(person)">
         {{person.firstname}} {{person.lastname}}
   </option>
</select>

使用其他输入元素，我可以使用本地引用（此处为#attendees）将值传递给函数（例如，单击按钮时）。
我真的不确定如何在本地参考中获取此类多重输入的值。

Answer 1

尝试ngModel：

<select class="form-control" [(ngModel)]="attendeesModel" (ngModelChange)="onChange($event)" name="attendees" #attendees multiple>

在组件中尝试此操作以记录它是否有效：

onChange() {
    console.log(this.attendeesModel);
}

Answer 2

试试这个。

<select id="attendees" name="attendees" ngModel #attendees="ngModel"
        class="form-control" multiple>
    <option *ngFor="let person of people"
            value="{{person.id}}" [selected]="isAttending(person)">
        {{person.firstname}} {{person.lastname}}
    </option>
</select>

{{ attendees.value }}

Angular2多选本地参考

2 个答案: