AngularJS改變選擇選項NG單擊

Question

這很簡單，我知道，但只是纏着我，我得到了下面的代碼

<label>Role</label><div> 
<select ng-change="save()" ng-model="frm.TypeID"> 
    <option ng-value="">Select Role</option> 
    <option ng-value="1" value="1">Admin</option> 
    <option ng-value="3" value="3">User</option> 
    <option ng-value="2" value="2">Guest</option> 
</select> 

我從數據庫中獲取的NG-值，但通過控制器不能更新怎麼這麼我可以這樣做

angular.controller('testCtrl',['$scope', function($scope){ 
$scope.select=function(){ 
    $scope.frm.TypeID = 3; 
} 
}]); 

感謝

Answer 1

使用ng-options：

模板

<select ng-model="frm.TypeID" ng-options="role.id as role.label for role in roles"> 
    <option ng-value="">Select Role</option> 
</select> 

控制器

$scope.roles = [ 
    {id: 1, label: 'Admin'}, 
    {id: 2, label: 'User'}, 
    {id: 3, label: 'Guest'} 
]; 

$scope.frm = { 
    TypeID: 3 
}; 

// fetch value from database then update value 
fetchData().then(function (id) { 
    $scope.frm.TypeID = id; 
} 

見fiddle