Angular 在 matselect 中设置默认选项

发布于06月02日

在我的Angular material项目中，我有一个简单的 Select 选项表单字段:

component.html

  <mat-form-field>
    <mat-select [(value)]="modeSelect" placeholder="Mode">
      <mat-option value="domain">Domain</mat-option>
      <mat-option value="exact">Exact</mat-option>
    </mat-select>
  </mat-form-field>

其中，[(value)]="modeSelect"绑定到Component.ts文件中的modeSelect属性

我想让它在页面加载时默认 Select <mat-option value="domain">Domain</mat-option>.

ng-selected不适合我

<mat-form-field> <mat-select [(value)]="selected" placeholder="Mode"> <mat-option value="domain">Domain</mat-option> <mat-option value="exact">Exact</mat-option> </mat-select> </mat-form-field>

Angular 在 matselect 中设置默认选项

推荐答案

Angular相关问答推荐

Angular独立组件(使用LoadComponents)-懒惰加载服务不工作

FormArray包含嵌套的FormGroups.如何访问嵌套的表单组控件？

Angular 信号不更新afterNextender()

如何动态呈现组件并以Angular 访问它们的方法？

[NullInjectorError]：R3InjectorError(Standalone[_AppComponent])[]：NullInjectorError：No provider for _HttpClient

在Drective Composure API中使用指令输出

等待可观察性完成后再调用下一个

无法创建新的 Ionic 项目

NgRx Effects 抛出类型错误，我不知道发生了什么

Summernote 文本区域的输入字段文本验证失败

如何在 Angular 中将tailwind 类传递给 fontawesome

console.log 返回 api 数据但 ERROR TypeError： Cannot read properties of undefined reading 'name'

Angular 2如何使用路由和location.go()检测后退按钮按下？

如何在 ngFor 循环中创建变量？

Angular：ViewChild 上未定义 nativeElement

有条件地将 RouterLink 或其他属性指令添加到 Angular 2 中的元素

在Angular2 Dart中设置路由和RouterLink的正确方法是什么

BrowserAnimationsModule 和 NoopAnimationsModule 有什么区别？

Angular2中是否有像window.onbeforeunload这样的生命周期钩子？

无法在 RxJs 6 和 Angular 6 中使用 Observable.of