1

Size является enum.

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

Есть такой select:

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

Как из него можно получить сам элемент который выбран. И при изменении происходило изменение цены.

1
  • Что говорит документация на ваш запрос?
    – Yugofx
    Commented 19 мая 2020 в 16:16

1 ответ 1

0

Используйте 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;
  }
...
...

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.