![](/img/trans.png)
[英]AngularJS, <select>. The `ng-click` on the <option> is not work
[英]AngularJS change select option ng-click
我知道這很簡單,但是只是煩我,我得到了以下代碼
<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;
}
}]);
謝謝
使用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;
}
見小提琴
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.