ng-Modell wird nicht aktualisiert, wenn ich eine Option ändern

Question

Ich habe eine Auswahlbox mit einigen ng-options, aber es aktualisiert nicht die ng-model, wenn ich eine Option auswählen. Ich habe ein Fiedel um http://jsfiddle.net/32tntojs/, um die Quelle zu sehen.

Mein HTML ist

<div ng-controller="MyCtrl"> 
PARENTID: {{ parent_id }} 
<select ng-model="parent_id" ng-options="project.id as project.groupingName for project in projects track by $index"></select> 
</div> 

und wenn ich etwas wählen, wird die parent_id nicht aktualisieren. Was mache ich falsch?

Answer 1

Aktualisiert Fiddle: https://jsfiddle.net/32tntojs/3/

Ihre projects Array von Objekten nicht id enthält so ersetzt es mit gid

HTML:

<select ng-model="parent_id" ng-options="project.gid as project.groupingName for project in projects"></select> 

Ein weiterer Fehler: as sollte nicht mit track by verwendet werden

Siehe AngularJS Docs - https://docs.angularjs.org/api/ng/directive/ngOptions

Be careful when using select as and track by in the same expression

Answer 2

Offenbar haben Ihre Projektobjekte keine ID-Eigenschaft. Wenn ich das Auswahlelement inspiziere, sind alle Optionswerte undefined.

Die ng-option Syntax sieht gut aus und das ng-Modell in der Tat Update, wenn ich es zu ändern:

<select ng-model="parent_id" ng-options="project.gid as project.groupingName for project in projects track by $index"></select> 

Answer 3

Sie nicht $index in ng-Optionen verwenden können (wie @ plong0 weist darauf hin).
Dies funktioniert:

<div ng-controller="MyCtrl"> 
    PARENTID: {{ parent_id }} 
    <select ng-model="parent_id" ng-options="project.id as project.groupingName for project in projects track by $index"></select> 
</div> 

updated fiddle See.