使用ng-select遍历对象数组的默认值

Question

For now the select is blank, I think angular added it by default. I want the default to be American, but I trid ng-selected="country.name == 'American'" it doesn't work?

my DOM

<select name="country" ng-model="user.country"
                  ng-options="country.name for country in country_list" >
              {{name}}
          </select>

http://jsbin.com/tocojojora/edit?html,css,js,console,output

Answer 1

You can do this, ng-init="value='American Samoa'" this will set the default value in dropdown

 <select ng-model="value" ng-init="value='American Samoa'"   ng-options="code.name as code.name for code in country_list">
 </select>

DEMO

Answer 2

$scope.user = {country: $scope.country_list[4]};

Set the default user country in your controller(less logic in your html template).

JSBin

Answer 3

The reason your code was not working was because of this:

ng-options="country.name for country in country_list"

In my understanding, here value will be {name: 'Afghanistan', code: 'AF'} and not Afghanistan or AF .

You should try something like this:

ng-options="country.code as country.name for country in country_list"

Here value will AF and you can use ng-init to set it as

user.country = 'AS'

Sample Fiddle .

Answer 4

use something like this in your controller

$scope.user = {country:"American"}; //Default value to dropdown