AngularJS change select option ng-click

Question

It is simple i know but just bugging me i got the following code

<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>

I get the ng-value from the database but can not update it via the controller so how can i do something like

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

Thanks

It's not clear what you need to do, and whats the problem with the actual code... — Jonathan Solorzano
– Jonathan Solorzano, Commented Oct 17, 2015 at 22:58

Michel · Accepted Answer · 2015-10-17 23:16:52Z

2

Use ng-options:

Template

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

Controller

$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;
}

See fiddle

edited Oct 17, 2015 at 23:16

answered Oct 17, 2015 at 22:58

Michel

28.6k6 gold badges67 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS change select option ng-click

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related