Input Type Select value from AngularJS $scope?

Question

How show the Value on input type select when loading data from AngularJS $scope? The ng-model is filled by controller with an ID from contactTypes

index.html

<select data-ng-model="item.mediumTypeId"
    data-ng-options="option.name for option in contactTypes track by option.id">
</select>

controller.js

$scope.item.mediumTypeId = 5102;

Option Values after loading index.html

<option value="5101">E-Mail</option>
<option value="5102">Fax</option>
<option value="5103">Phone</option>

The above Code doesn't select the option in the select field after loading index.html

What are you trying to do? Where is contactTypes in your controller? We need more info before we can you help you — Robin-Hoodie
– Robin-Hoodie, Commented Jun 11, 2015 at 6:21

Phil Quinn · Accepted Answer · 2015-06-11 06:31:48Z

1

You need to have:

$scope.item.mediumTypeId = '5102';

As angularjs doesn't convert it to a number automatically.

answered Jun 11, 2015 at 6:31

Phil Quinn

1461 silver badge6 bronze badges

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

Comments

veith · Accepted Answer · 2015-06-11 06:43:00Z

1

If your controller contains something like this:

$scope.contactTypes = [{name: 'one', age: 30 },{ name: 'two', age: 27 },{ name: 'three', age: 50 }];

your template should look like this

<div ng-controller="Test">
  <p>selected item is : {{item.mediumTypeId}}</p>
  <select ng-model="item. mediumTypeId">
    <option ng-repeat="item in contactTypes" value="{{item.age}}">{{item.name}}</option>
  </select>
</div>

I hope this helps

answered Jun 11, 2015 at 6:43

veith

565 bronze badges

1 Comment

Fabio Over a year ago

This solution also works fine, it helps to keep the code a bit cleaner

Collectives™ on Stack Overflow

Input Type Select value from AngularJS $scope?

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