ngFür Arbeiten, aber nicht ng-Optionen oder ng-repeat

Question

Ich habe ein Angular 5-Projekt erstellt.

Ich erstellte meine eigene Komponente und übergeben Sie die Komponenten HTML-Vorlage eine Liste von Personen.

Der folgende Code funktioniert

<ul> 
     <li *ngFor="let x of persons">{{ x.Id }}: {{ x.personName }}</li> 
    </ul> 

Ich brauche es in einer auserwählten zu setzen und nicht einer Liste.

ng-Optionen funktionieren nicht

<select ng-model="selectedPerson" ng-options="x.personName for x in persons"></select> 

ng-Wiederholung nicht

<select><option ng-repeat="x in persons">{{x.personName}}</option></select> 

Sowohl den folgenden Fehler funktioniert gibt im Browser.

ERROR TypeError: Cannot read property 'personName' of undefined

Was mache ich falsch?

Answer 1

versuchen wie folgt aus:

in Winkel 5 Verwendung ngFor statt ng-repeat

<select [(ngModel)]="selectedPerson" name="selectedPerson"> 
    <option *ngFor="let x of persons">{{x.personName}}</option> 
</select> 

Answer 2

Verwenden [(ngModel)] statt ng-model:

<input type="text" class="form-control" id="name" required [(ngModel)]="model.name" name="name" /> 

Bitte überprüfen Sie diese link