条件がAngular2で満たされている場合、選択した属性をドロップダウンリストに設定します。

Question

私のプロジェクトには2つのオブジェクトがあります：companyとuserです。私はユーザーが彼のプロフィールを更新できるフォームを持っています。彼が更新できるものの1つは国です。今、私はドロップダウンリストを使用している国を表示します。

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

私はそれはあなたが必要な属性ではなくスタイルだと思います。