如何制作角形材料所需的下拉列表？

Question

我有一个用角形材料搜索的“表格”。但这不是带有提交按钮的表单。但是只是一个按钮。像这样：

  <button mat-raised-button color="accent" class="Button" (click)="searchFor()">Filter</button>

而且我有一个下拉列表。但是我想使下拉列表成为必需。

喜欢这个：

 <div class="search-select searchstatus" *ngIf="selectedSearch && hasStatusOptions(selectedSearch)">
        <mat-select placeholder="Status" name="option"  [(ngModel)]="selectedValue" required>
          <mat-option *ngFor="let option of getStatusOptions(selectedSearch)"  [value]="option.apiStatus">
            {{ option.status }}
          </mat-option>
        </mat-select>
      </div>

但是他不起作用。

那么如何使下拉列表成为必需的？谢谢

Answer 1

将ReactiveFormsModule导入模块import { ReactiveFormsModule } from '@angular/forms';

Answer 2

您似乎很近。 “角度材料”页面上的选择组件的API Section提供了required: boolean输入。更改：

<mat-select placeholder="Status" name="option"  [(ngModel)]="selectedValue" required>

to

<mat-select placeholder="Status" name="option"  [(ngModel)]="selectedValue" [required]="true">

可能是您想要的吗？