set selected item in select by name in controller of angularjs

Question

I am working on angularjs , Where I need to set selected item by name in selected item.

How DO i do that . I can set item by index but how do i do with itemname

Eg : on load I am setting 1st item as selected item

$scope.internalRoles = data;
                $scope.internalItemSelected = $scope.internalRoles[0];

and Data is like

 data = [{id : 1 , roleName : "admin"}
,{id : 2 , roleName : "superadmin"}]

Now I want to set selected item on basis on roleName

$scope.internalItemSelected =  $scope.internalRoles["superadmin"] ;//based on roleName

But its not working.

How do i set it by name ?

Vu Quyet · Accepted Answer · 2016-06-10 02:34:03Z

1

You can write a extension for your array:

Array.prototype.findItem = function (searchFor) {    
    return this.find(function(item){
       return item['roleName'] === searchFor;
    });
};

Then call it with:

$scope.internalItemSelected =  $scope.internalRoles.findItem("superadmin");

You can also pass 'roleName' as a property of extension to make it more general in use.

answered Jun 10, 2016 at 2:34

Vu Quyet

1,7051 gold badge16 silver badges22 bronze badges

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

Comments

Gayathri Mohan · Accepted Answer · 2016-06-10 02:18:34Z

0

Hi if u wants to set name from the selected item then directly do like this

$scope.internalRoles = data;
  $scope.internalItemSelected = $scope.internalRoles[0].roleName;
  console.log($scope.internalItemSelected);

answered Jun 10, 2016 at 2:18

Gayathri Mohan

2,9724 gold badges21 silver badges26 bronze badges

1 Comment

Mahajan344 Over a year ago

my dropdown has both Id as well as rolename ... but I want to set selected item programtically by rolename.. So is there any way i can loop through main data source with rolename and set matching rolename .. item to selected

Collectives™ on Stack Overflow

set selected item in select by name in controller of angularjs

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related