Question

我们说我的对象有一个状态选项= [＆＃39;已批准＆＃39;，＆＃39;等待＆＃39;，＆＃39;被拒绝＆＃39;]

在标记中我们有：

<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>

Angular ng对象选项，默认显示对象值

1 个答案: