Angular Drop Down,按索引选择

时间:2016-07-07 07:52:21

标签: javascript angularjs

我正在检索无序列表并绑定到此处的下拉列表,但在实例化时,我希望能够在下拉列表中选择第0项。 ng-init="selectedTreatment=treatments[0]"不起作用,因为列表在视图中重新排序。

<select ng-model="selectedTreatment" 
        ng-options="option.TreatmentName for option in (treatments | orderBy : 'TreatmentName')">
</select>

是否有Angular方法可以做到这一点?

2 个答案:

答案 0 :(得分:0)

在巡视控制器中设置选择模型

$scope.selectedTreatment = treatments[0].TreatmentName

答案 1 :(得分:0)

一种解决方案是在控制器中订购数据,方法与在视图中订购的方式相同。然后在控制器中我将$filter注入控制器并执行:

$scope.selectedTreatment = $filter('orderBy')($scope.treatments, 'TreatmentName')[0];

这允许我在控制器中使用orderBy过滤器。这解决了我的问题,但似乎并没有提供完整的SOC。在视图中整齐地做到这一点的方法似乎是不可能的。