How to select a object option in angular controller

Question

I have a select with options getting from server

<div class="form-group">
<label for="exampleInputEmail1">Terminal Type</label> 
<select ng-model="terminal.terminalType" id="terminaltype" class="form-control" ng-options="type.name for type in types">                                                                                       
</select>
</div>

but how can I set option in my controller. I used:

$("#terminaltype").val($scope.types[0]);

and

document.getElementById("terminaltype").options[i];

but it does not work. Please help me

Deblaton Jean-Philippe · Accepted Answer · 2015-08-10 11:00:23Z

1

Can't you set the value inside the model?

You have ng-model="terminal.terminalType"

Inside your controller, you just have to set a value to your item.

$scope.terminal.terminalType = "someValue";

Avoid mixing JQuery and Angular together.

answered Aug 10, 2015 at 11:00

Deblaton Jean-Philippe

11.4k4 gold badges53 silver badges68 bronze badges

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

Collectives™ on Stack Overflow

How to select a object option in angular controller

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