Twitter bootstrap 带角度2的引导多选获取值

我想在我的multiselect下拉列表中获取所选选项的值。 但我不是通过

ngModel..

以下是html：

 <div class="col-xs-offset-1 col-xs-3">
    <form class="btn-group" id="select-form">
        <select id="dropdown-list" multiple="multiple" [(ngModel)]="selectedObject"></select>
       <button type="reset" id="reset-button" class="btn btn-default"><span class="glyphicon glyphicon-refresh"></span></button>
    </form>
</div>

这里是for循环，它将选项附加到select：

ngOnInit() {
    for(var i = 0; i < this.checks.length; i++){
        var append = this.checks[i];
        $('#dropdown-list').append('<option>'+ append.name +'</option>');
    }

ngOnInit（）{
for（var i=0；i

这是因为

ngFor

在这里不起作用..但这不是我的问题

---

有人能帮我记录所选的

options=[（ngModel）]=“selectObject”

多选功能似乎还不受支持，请参阅

这里有一个变通方法（不使用查询选择器）：

@组件({
选择器：“我的应用程序”，
模板：`{{title}}}
{{item}}
{{selectedOptions}json}`
})
导出类AppComponent{
title=“Angular 2 beta-多选列表”；
项目=‘一二三’。拆分（“”）；
构造函数（）{console.clear（）；}
更改（选项）{
this.selectedOptions=Array.apply（null，options）//转换为实数组
.filter（option=>option.selected）
.map（option=>option.value）
}
}

---

似乎还不支持Multi-select，请参阅

这里有一个变通方法（不使用查询选择器）：

@组件({
选择器：“我的应用程序”，
模板：`{{title}}}
{{item}}
{{selectedOptions}json}`
})
导出类AppComponent{
title=“Angular 2 beta-多选列表”；
项目=‘一二三’。拆分（“”）；
构造函数（）{console.clear（）；}
更改（选项）{
this.selectedOptions=Array.apply（null，options）//转换为实数组
.filter（option=>option.selected）
.map（option=>option.value）
}
}

---

这对我不起作用..就像ngFor选项也不起作用一样。我会在下一篇评论中发布我的代码以更好地查看{{selectedOptions | json}}onChange（options）{console.log（'chekc'）；this.selectedOptions=Array.apply（null，options）.filter（option=>option.selected）.map（option=>option.value）；console.log（this.selectedOptions）；}onChange方法没有被触发，正如您所看到的，我用log@Beginnerprogrammer，您正在使用的引导库可能会添加/注册其自己的onchange事件处理程序，该处理程序将替换Angular事件处理程序。请查看是否有方法将您自己的逻辑添加到其处理程序中。这对我不起作用..就像ngFor选项不起作用一样我会在下一篇评论中发布我的代码，以便更好地查看{{selectedOptions}onChange（options）{console.log（'chekc'）；this.selectedOptions=Array.apply（null，options）。filter（option=>option.selected）。map（option=>option.value）；console.log（this.selectedOptions）；}onChange方法没有被触发，正如您所看到的，我用log@Beginnerprogrammer，您正在使用的引导库可能会添加/注册其自己的onchange事件处理程序，该处理程序将替换Angular事件处理程序。请查看是否有方法将您自己的逻辑添加到它们的处理程序中。

@Component({
  selector: 'my-app',
  template: `{{title}}<p>
  <select multiple="multiple" (change)="change($event.target.options)">
    <option *ngFor="#item of items">{{item}}</option>
  </select>
  <p>{{selectedOptions | json}}`
})
export class AppComponent {
  title = "Angular 2 beta - multi select list";
  items = 'one two three'.split(' ');
  constructor() { console.clear(); }
  change(options) {
    this.selectedOptions = Array.apply(null,options)  // convert to real array
      .filter(option => option.selected)
      .map(option => option.value)
  }
}