Warum fügt Angular noch unbekannte Auswahl hinzu?

Question

Ich bin ziemlich neu in Angular so vermisse ich etwas trivial:

<select ng-model="shop_index"> 
    <option ng-repeat="elem in shops" 
      ng-selected="{{$first}}" 
      ng-value="{{$index}}">{{elem.name}}</option> 
</select> 

Wenn ich erstellt HTML-Code aussehen sieht es in Ordnung, außer dem unbekannten Eintrag. Ich füge ng-init="0" zum HTML-Code hinzu - keine Änderung. Ich initiiere den Modellwert im Controller (vor dem Abrufen der Daten) - keine Änderung. Ich initiiere das Modell nach dem Abrufen der Daten - keine Änderung. Diese unbekannte Option ist einfach geschweißt :-).

ich frage nicht, wie man es loswerden (wie es manuell hinzufügen, aber versteckt), aber, wie das obige Code zu beheben es automatisch zu entfernen.

Answer 1

Sie sollten diese verwenden:

In Ihrem Controller:

$scope.shop_index = $scope.shops[0]; 

In Ihrem Ansicht:

<select ng-model="shop_index" ng-options="elem as elem.name for elem in shops"></select> 

Answer 2

Sie müssen ngOptions mit select verwenden, sonst werden die Werte nicht korrekt mit der select verknüpft, bis Sie einen Wert auswählen. Der Grund dafür entgeht mir im Moment, aber die Grundidee ist, dass die übergebenen Werte eher einem Array-Index als den Werten entsprechen, an die Sie gewöhnt sind.

Der Wert des Eingangselementes als Ergebnis sollten Sie belanglos sein.

Die ngOptions Richtlinie in Form von value as label for object in collection sein sollte.

Wenn die Werte im HTML undefined sind, liegt das daran, dass der obige Ausdruck falsch ist - stellen Sie sicher, dass value auf einen gültigen Wert zeigt.