选择ng-options,如何使用已选择的字段进行初始化

时间:2016-08-17 15:13:15

标签: javascript angularjs select ng-options angularjs-ng-options

我有这个代码:
查看:

<select 
        ng-model="filterList" 
        ng-options="data.name for data in filter_options">
</select>

控制器:

$scope.filter_options = [
        {id: 1, name: 'User'},
        {id: 2, name: 'Option 2'},
        {id: 3, name: 'Option 3'}
];

当我第一次进入控制器时,在选择中没有任何东西,用户必须选择一些东西。
我试图通过

$scope.filterList = {id: 1, name: 'User'};

但是选择字段仍为空。

我希望在进入控制器时选择“用户”选项。那可以吗?

1 个答案:

答案 0 :(得分:2)

在这种情况下,您可以使用track by跟踪基于data.id的更改。

<select ng-model="filterList" 
   ng-options="data.name for data in filter_options track by data.id">
</select>
  

注意: track by如果您使用select as

会有害

Demo Plunkr

另一种方式是你可以选择你可以做的

$scope.filterList = $scope.filter_options[0];