Mat Select 选项无法获取数据

Question

我有这段代码，我可以在其中查看选项，但在选择它时无法获取值，它只是显示为空白。 我只能查看状态选项..有人知道如何解决这个问题吗？

HTML 文件

 <div class="main-content" *ngIf="selectedTask"> <div class="container-fluid"> <div class="row"> <div class="col-md-8"> <div class="card"> <div class="card-header card-header-info"> <h4 class="card-title"><b>Update Form</b></h4> <p class="card-category">Update Task Details</p> </div> <div class="card-body"> <div class="row"> <div class="col-md-12"> <mat-form-field class="example-full-width"> <mat-select placeholder="Select Category" [(ngModel)]="selectedTask.status"> <mat-option *ngFor="let s of statusChoice" >{{s}}</mat-option> </mat-select> </mat-form-field> </div> </div> <div class="col-md-4"> <div class="text-left"> <button mat-raised-button class="btn btn-success btn-block" (click)="navigateBack()" (click)="showNotification('top','center')" (click)="updateEmployee()" ><b>Update Task</b></button> </div> </div> </div> <div class="text-left"> <button type="button" (click)="navigateBack()" class="btn btn-dark btn-default"><b>Go Back</b></button> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>

TS 文件

 statusChoice=["Active","Completed","Cancelled","On Hold"]; selectedStatus: string ='';

Answer 1

您的属性称为selectedStatus ，并且您将mat-select链接到属性selectedTask.status 。

此外，您应该为mat-option添加value 。

像这样更改您的代码：

<mat-select placeholder="Select Category" [(ngModel)]="selectedStatus">
  <mat-option *ngFor="let s of statusChoice" [value]="s">{{s}}</mat-option>
</mat-select>