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

Question

我有这个代码：
视图：

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

但选择字段仍为空。

我希望在我进入控制器时已经选择了“用户”选项。这样可以吗？

Answer 1

您可以在这种情况下使用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];