Угловой ngДля выбора параметров со значением объекта по умолчанию показано

Question

Допустим, у меня есть объект один из statusOptions = ['Approved', 'Waiting', 'Rejected']

В разметке имеем:

<div *ngFor="let myObject of objects">
    <select (change)="updateStatus($event.target.value)">
       <option selected>{{myObject.status}}</option>
       <option *ngFor="let status of statusOptions">{{status}}</option>
    </select>
<div>

Как бы показать текущее состояние объекта в качестве выбранного по умолчанию значения? На данный момент он будет дублироваться, и в раскрывающемся списке будет отображаться ['Approved', 'Waiting', 'Rejected', 'Approved'], если текущее состояние объекта равно 'Approved'

Мне не нужно двухстороннее связывание, поскольку я просто беру значение при изменении и обновляю свою базу данных.

Answer 1

Решил, установив [attr.selected] в опции.

<div *ngFor="let myObject of objects">
<select (change)="updateStatus($event.target.value)">
   <option *ngFor="let status of statusOptions" [attr.selected]="transaction.status === status ? true : null">{{status}}</option>
</select>