Angular Material2 使用 MdSelect 指令 IE11 的 optionSelectionChanges 属性答案

【问题标题】：Angular Material2 use optionSelectionChanges property of MdSelect directive IE11Angular Material2 使用 MdSelect 指令 IE11 的 optionSelectionChanges 属性
【发布时间】：2017-08-23 09:32:16
【问题描述】：

在我的应用程序中，我有一个 material2 选择下拉小部件，选项很少。

app.component.html

<md-select placeholder="Choose an option" [(ngModel)]="myOption" 
           (optionSelectionChanges)="setOptionValue(myOption)">
  <md-option value="value1"> Option-1 </md-option>
...
</md-select>

我正在尝试在选项值更改时调用'setOptionValue()'。

./app.component.ts

..
myOption: string;
constructor(..){
   this.myOption = 'value1'; 
}
setOptionValue(option: any) {
    console.log(option)
}

没有关于如何使用optionSelectionChanges属性的官方文档。

【问题讨论】：

他们真的缺乏文档。请参阅此答案以了解如何使用 optionSelectionChanges ：stackoverflow.com/a/45730922/1791913
感谢您的回答。当我选择下拉菜单时，我得到Unable to get property 'setFirstItemActive' of undefined or null reference。可能的解决方案是什么？这仅在 IE11 中发生

标签： html angular drop-down-menu angular-material2

【解决方案1】：

这是我所做的代码 sn-p：

<md-select class="periodselect" [(ngModel)]="BTWPeriodMonths" (ngModelChange)="outBTWPeriod.emit(BTWPeriodMonths)" placeholder="BTW periode">
      <md-option [value]="1">
        1 maand
      </md-option>
      <md-option [value]="3">
        Kwartaal
      </md-option>
      <md-option [value]="12">
        Jaar
      </md-option>
    </md-select>

您也可以将 (optionSelectionChanges)="setOptionValue($event)" 与 $event 一起使用

【讨论】：