Question

现在select是空白的，我认为angular默认添加了它。我希望默认为美国，但是我试过ng-selected="country.name == 'American'"它不起作用？

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

您可以执行此操作，ng-init="value='American Samoa'"这将在下拉列表中设置默认值

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

在控制器中设置默认用户所在国家/地区（html模板中的逻辑更少）。

JSBin

Answer 3

您的代码无法正常工作的原因是：

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

据我了解，此处的值为{name: 'Afghanistan', code: 'AF'}而不是Afghanistan或AF。

你应该尝试这样的事情：

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

此值为AF，您可以使用ng-init将其设置为

user.country = 'AS'

Sample Fiddle

Answer 4

use something like this in your controller

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

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

4 个答案: