Angular2 ngFor - Set ausgewählt

Question

Wenn sich ein Benutzer bei meiner App anmeldet, lädt er die vorherige Benutzeroberfläche, die er verwendet hat. Um zwischen den Schnittstellen zu wechseln, gibt es eine Dropdown-Liste, die alle Optionen auflistet, die ein bestimmter Benutzer verwenden darf.

würde ich in dieser Liste die gewählte Option wie die vorherige Benutzeroberfläche zu reflektieren, wenn die Seite geladen wird, aber ich habe Probleme mit der Tür, wie die ausgewählten <option> einstellen

Hier einiger Beispiel-Code:

//User object from DB 
var user = { 
    username: admin, 
    previousUI: 'Build', 
    authorizedUI: [{title:'Default'}, {title:'Edit'}, {title:'Build'}] 
} 

html:

<form class="navbar-form"> 
    <label>System: </label> 
    <select (change)="systemSelect($event.target.value)"> 
    <option *ngFor="let system of user.authorizedUI" [value]="system.title"> 
     {{system.title}} 
    </option> 
    </select> 
</form> 

In Angular2, wie ich auf die Option, die selected Parameter tun gesetztwiderzuspiegeln?

Ich versuchte dies und fügte hinzu:

<option *ngFor="let system of user.authorizedUI" [value]="system.title" [selected]="system.title === user.previousUI"> 

Aber das schien es nicht zu tun.

Answer 1

Ein Weg

<select [ngModel]="user?.previousUI" (change)="systemSelect($event.target.value)">