Question

我有选择组，我想为具有特定ID的对象设置所选属性。我试图在功能上移动这个条件，但它没有帮助。即使我只是设置[attr.selected]="true" 它也没有帮助。

<div *ngIf="_albums && _albums.length > 0" class="form-group">
    <select class="form-control input-lg" id="selectAlbum" [(ngModel)]="_albumId" name="albumId">
        <option *ngFor="let album of _albums" [value]="album.id" [attr.selected]="album.id == 0 ? true : null">
            {{album.title}}
        </option>
    </select>
</div>

这很奇怪，因为即使这样也行不通：

<option *ngFor="let album of _albums" [value]="album.id" selected>
    {{album.title}}
</option>

Answer 1

我明白了。

将 condition 设置为 value 属性，

 [value]="album.id== 0 ? true : null" [attr.selected]="album.id "

DEMO：https://plnkr.co/edit/BZq43O0PZuAsmyTQLzrD?p=preview

Answer 2

[attr.selected]="album.id == 0 ? selected : ''"

在Angular2中设置选定的属性

2 个答案: