主页 / 问题 / 1128176
Accepted
ondros_ru
Asked:2020-05-19 23:41:55 +0800 CST2020-05-19 23:41:55 +0800 CST

选择更改时更新数据。角

  • 772

大小是一个枚举。

...
  sizes: Size[];
  selectedCost: number;
...
...

有一个选择：

<select>
    <option *ngFor="let size of sizes">{{sizeConvertToString(size)}}</option>
</select>
<div>Цена: {{selectedCost}}</div>

从它可以接收被选择的元素。随着变化，价格也发生了变化。

angular

1 个回答

  1. Best Answer

    ngModel在标签上使用select

    <select [(ngModel)]="selectedSize">
    <option *ngFor="let size of sizes">{{sizeConvertToString(size)}}</option>
</select>
<div>Цена: {{selectedCost}}</div>

    在组件代码中，我们使用了一个 getter，它会自动更新所选元素的价格

    ...
  selectedSize: Size;
  sizes: Size[];
  get selectedCost(): number {
     return this.selectedSize.cost;
  }
...
...
    • 0

相关问题