在Angular中使用async管道时,如何设置选择元素的空值和默认值?

我试图在我的Angular应用程序中使用async管道,在我的Typescript文件中,这。

this.mySupplierList$ = this._mySupplierService.getSupplierList();

和HTML文件中。

<select>
  <option *ngFor="let supplier of supplierList$ | async" [ngValue]="supplier">{{supplier.Name}}</option>
</select>

我有两个问题

  1. 我如何将选择的默认值设置为mySupplierList中的第一个或最后一个供应商?

  2. 我如何添加一个空的供应商项目作为选择的第一个元素?

解决方案:

  1. 使用ngModel来设置一个默认值。
  2. 为空的供应商项目添加一个没有任何值的标签。
<select  [(ngModel)]="yourModel">
  <option>Empty</option>
  <option *ngFor="let supplier of supplierList$ | async" [ngValue]="supplier">{{supplier.Name}}</option>
</select>

下面是一个 例子 在stackblitz上。

给TA打赏
共{{data.count}}人
人已打赏
未分类

我在Heroku中设置了时区,但没有任何变化。

2022-9-9 8:26:18

未分类

Jupyter:无法用pyodbc连接到MS SQL Server。

2022-9-9 8:26:20

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索