Legen Sie das ausgewählte Attribut in einer Dropdown-Liste fest, wenn die Bedingung in Angular2 erfüllt ist.

Question

Ich habe 2 Objekte in meinem Projekt: a company und user. Ich habe ein Formular, wo der Benutzer sein Profil aktualisieren kann. Eines der Dinge, die er aktualisieren kann, ist das Land. Um die Länder anzuzeigen, benutze ich eine Dropdown-Liste.

Ich mag das selected Attribut in der Option festgelegt, wo die name der country die eigentlichen country der user gleich ist. (country.name==user.country)

Dies ist, was ich versucht habe, aber es scheint nicht zu funktionieren.

<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

Ich würde versuchen, die folgenden:

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

Ich denke, dass es ein Attribut, das Sie brauchen, und kein Stil.