ngForループと共に動的に属性を設定する

Question

インデックス値が一致すると、動的にselected属性を設定しようとしています。

<select class="form-control" disabled> 
    <option *ngFor="let agency of request.agencyList" [attr.selected]="request.agencyIndex == agency">{{agency}}{{request.agencyIndex}} 
    </option> 
</select> 

オブジェクト：

this.requests = [{ 
     agencyList: ['Agency 1', 'Agency 2', 'Agency 3'], 
     agencyIndex: 1, 
     ... 
     }] 

はしかし、そのはfalseに、すべてのオプションselected属性を設定します。

Answer 1

私は、これはあなたが探しているものだと思います！

<select class="form-control"> 
    <option *ngFor="let agency of request.agencyList; let index=index;" [selected]="request.agencyIndex == index"> 
     {{agency}}{{request.agencyIndex}} 
    </option> 
</select>