AngularJS ng-Änderung nicht korrekt

Question

So arbeiten, das ist mein wählen html:

<select 
    class="custom-select mb-2 col-md-4 col-12 mr-sm-2 mb-sm-0" 
    ng-model="serverSelected" 
    ng-change="onServerSelect(serverSelected)" 
    > 

    <option *ngFor="let server of servers" 
      value="{{ server.display_name }}" 
    >{{server.display_name}}</option> 
    </select> 

server.component.ts:

onServerSelect(serverSelected){ 
console.log(this.serverSelected.displayName);} 

Wie das ausgewählte server.display_name erhalten angezeigt werden in Meine onServerSelect() -Methode, weil dies nicht funktioniert. Was mache ich falsch?

Answer 1

Was verwenden Sie eigentlich? Angularjs oder Eckig? Wenn Sie Angularjs verwenden, mischen Sie die Winkelsyntax * ngFor. Stattdessen können Sie ng-repeat oder ng-options verwenden. Lesen Sie diese für weitere Informationen AngularJs Select

Answer 2

tun auf diese Weise

warum * ngFor in 1 Winkelmisch

Syntax werden ng-repeat müssen.

Winkel 1 ex. ng-Modell, ng-wenn, ng-repeat, usw.

Winkel 2> * ngModel, * ngIf, * ngFor, usw.

<select class="custom-select mb-2 col-md-4 col-12 mr-sm-2 mb-sm-0"> 

    <option ng-repeat="let server of servers" value="{{ server.display_name }}" ng-model="serverSelected"> 
<span ng-change="onServerSelect(serverSelected)"> 
{{server.display_name}} 
</span> 
</option> 
    </select>