Question

在我的应用程序中，我有一个material2 select下拉窗口小部件，但没有多少选项。

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属性的官方文档。

Answer 1

以下是我所做的代码片段：

<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

Angular Material2使用MdSelect指令IE11

1 个答案: