垫选择不选择默认选项

时间:2019-04-20 05:24:19

标签: angular angular-material

选择作为选择方法。但这不是选择默认选项。在使用在线编辑器尝试相同的代码时,效果很好。不知道为什么它不能与我的产品一起使用。

HTML

<mat-form-field class="example-full-width">
    <mat-select placeholder="Please Select" name="status" [(ngModel)]="myData.selectionData">
        <mat-option value="selection1">selection 1</mat-option>
        <mat-option value="selection2">selection2</mat-option>
    </mat-select>
</mat-form-field>

TypeScript

myData: any = {
  selectionData: "selection1"
}

2 个答案:

答案 0 :(得分:0)

请在控制台中验证是否存在以下错误:

  1. MatSelectModule
  2. BrowserAnimationsModule

如果这样做,则会丢失将其导入应用程序或具有使用Stream.of的组件的相应模块中的功能。

这里是工作中的Stackblitz,具有与问题完全相同的代码。 https://stackblitz.com/edit/angular-xlumuu

答案 1 :(得分:0)

如前所述,它正在在线编辑器中工作,但不适用于我的代码。现在,我将ngModel更改为value,它工作正常。谢谢您的友好答复。