当数据来自API时,如何设置mat-select的默认值?

时间:2019-05-13 17:35:55

标签: angular angular-material

预期:

我有一个mat-select,当单击该按钮时,它应该在下拉菜单中显示票证的当前可用状态,并且在网站初始化时,它应该从列表中选择并显示当前状态。

当前位置:

当前,当网站加载时,它一直向我显示占位符文本。如果我通过代码或下拉菜单更改了该值,则该值会更改,这意味着除了显示初始状态之外,一切都按预期进行了

HTML代码片段:

<mat-form-field>
        <mat-label>Ticketstatus</mat-label>
        <mat-select #statusSelect [(ngModel)]="displayedTicket.status" [(value)]="displayedTicket.status" (selectionChange)="updateTicketStatus(displayedTicket)">
          <mat-option *ngFor="let status of statusList" [value]="status">
            {{status.statusName}}
          </mat-option>
        </mat-select>
      </mat-form-field> 

对象statusList包含所有可用状态,并在下拉菜单中显示它们,而displayedTicket是当前显示的故障单,包括状态信息。

在我的TypeScript类中,我没有任何引用mat-select的代码。

0 个答案:

没有答案