时间戳

首页 > 解决方案 > Angular Material DropDown 接受数字数据类型的值

angular - Angular Material DropDown 接受数字数据类型的值

问题描述

我正在使用 angular-material 创建一个应用程序。

在我的应用程序中，它将有一个 dropdpown。我正在使用 *ngFor 来自后端 mircoservice 的数据。但是，数字数据类型和角度材料的后端返回值只接受字符串值。

任何解决方案如何启用角度材料接受数字数据类型作为值？

以下是我的源代码。

html

<mat-form-field>
    <mat-select placeholder="Favorite food" [(ngModel)]="selectedValue" name="food">
      <mat-option *ngFor="let food of foods" [value]="food.value">
        {{food.viewValue}}
      </mat-option>
    </mat-select>
  </mat-form-field>

来自微服务的 JSON 示例

 [
    {value: 0, viewValue: 'Steak'},
    {value: 1, viewValue: 'Pizza'},
    {value: 2, viewValue: 'Tacos'}
  ]

我知道我可以解析以从后端转换数字数据类型并转换为字符串以显示目的。当我 PUT 到微服务时，我需要将字符串转换回数字数据类型。

但是，在我单击保存按钮后。它无法绑定我选择的数据，因为我在单击保存按钮时已将其转换为数字数据类型。

解决此问题的任何解决方案。

标签： angulartypescriptangular-material

解决方案

推荐阅读