如果在 Angular2 中满足条件，则在下拉列表中设置选定的属性

Question

我的项目中有 2 个对象：company 和 user。我有一个表格，用户可以在其中更新他的个人资料。他可以更新的一件事是国家。现在要显示我使用下拉列表的国家/地区。

我想在country 的name 等于user 的实际country 的选项中设置selected 属性。 (country.name==user.country)

这是我尝试过的，但它似乎不起作用。

<select>
    <option *ngFor="#c of countries" [ngStyle]="setStyles()" [ngValue]="c">{{c.name}}</option>          
</select>

setStyles(){
    let styles;
    if (this.companies[i].name == this.user.country ) {
        styles = {
            'selected'
        } 
    return styles;
}

Answer 1

我会尝试以下方法：

<select>
  <option *ngFor="#c of countries"
       [attr.selected]="c.name == user.country ? true : null" 
       [ngValue]="c">
    {{c.name}}
  </option>
</select>

我认为这是您需要的属性，而不是样式。