选择不使用角度2绑定动态更新的选项

Question

我无法通过select绑定动态更新Angular2个选项。如何动态更新select的内容？

Plnkr explaining my issue.请注意，select选项永远不会更新到我设置的新数组。

Answer 1

因为当您重新定位options值时，您必须在options之前使用this指向当前的options。

handleChange(event) {
    console.log(event.target.value);
    //this to indicate options from current class
    this.options = [{id: 0, name:"First"}, {id: 1, name:"Second"}, {id: 2, name:"Third"}];

    this.selected1 = this.options.filter((option) => {
      return option.id == event.target.value;
    })[0];    
}

Demo Plunkr