Question

我是Angular的新手，正在碰巧确定一个简单的解决方案。

因此，我试图为我的垫选择设置默认值，使其成为“活动”选项。选择后，我将调用此函数，该函数将为我过滤表格。但是，我在使用[[value]]或ngModel时遇到了麻烦，因为它们似乎只接受变量而不是函数？

<mat-form-field appearance="outline"
                class="detail-filter-menu">
  <mat-label>Filter</mat-label>
  <mat-select [(value)]="true" (selectionChange)="this.filterService.applyFilter($event.value, dataSource)">
    <mat-option value="true">Active</mat-option>
    <mat-option value="false">Inactive</mat-option>
    <mat-option value="all">All</mat-option>
  </mat-select>
</mat-form-field>

是否可以使用ngModel或其他方法来实现默认选择？

Answer 1

如果要通过函数设置默认值，可以这样：

模板代码

<mat-form-field appearance="outline">
  <mat-label>Filter</mat-label>
  <mat-select [value]="myFunction()" (selectionChange)="changed($event.value)">
    <mat-option value="active">Active</mat-option>
    <mat-option value="inactive">Inactive</mat-option>
    <mat-option value="all">All</mat-option>
  </mat-select>
</mat-form-field>

组件代码

myFunction() {
  return 'active';
}

您也可以不设置像这样的功能就设置它：

<mat-select [value]="'active'">

查看 stackblitz。

在我的选择使用功能的地方设置mat-select的默认值？

1 个答案: