爲什麼選擇的項目沒有被填充

Question

這裏是我的html代碼

<select id="userGroups" name="userGroups" ng-model="userGroups" class="form-control"> 
    <option value="{{grp.groupId}}" ng-repeat="grp in groups">{{grp.groupName}}</option> 
</select> 

這裏是我的控制器

function MyController($scope, MYAPI) { 
    $scope.groups = MYAPI.GroupList.get(); 
} 

爲什麼沒有被popuplated選擇？

好吧，我已經改變了我的控制器填充視圖之前解決組列表，但它仍然沒有顯示

MYApp.controller('CreateUserController', ['$scope', 'groupList', function($scope, groupList) { 
    $scope.groups = groupList; 
    debugger; //here I can see groups has objects which I need to display 

}]); 

但仍下拉沒有加載...

Answer 1

正如Martin所說，您需要使用ng-options。

這是應該的樣子：

<select id="userGroups" 
     name="userGroups" 
     ng-model="userGroups" 
     ng-options="grp.groupId as grp.groupName for grp in groups" 
     class="form-control"> 
</select> 

Answer 2

Accorting到AngularJS documentation of select你必須使用ng-options。此用例不受ng-repeat支持：

ngOptions provides an iterator facility for the <option> element which should be used instead of ngRepeat when you want the select model to be bound to a non-string value. This is because an option element can only be bound to string values at present.