angularjs – 设置下拉列表的默认值

前端之家收集整理的这篇文章主要介绍了angularjs – 设置下拉列表的默认值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我的 Java脚本代码

$scope.dateSelection = { 1: 'Today',2: 'Yesterday',3: 'Last 7 days',4: 'Last business week (Mon - Fri)',5: 'Last week (Sun - Sat)',6: 'This month',7: 'Last month',8: 'All time',9: 'CUSTOM_DATE',10: 'This week (Sun - Today)',11: 'This week (Mon - Today)',12: 'Last week (Sun - Sat)' };

这是我的HTML代码

<select ng-options="key as value for (key,value) in dateSelection track by key" ng-change="getPerformanceData(indexValue)" ng-model="indexValue" >
            </select>

我想为下拉列表设置默认值为“3:’最近7天’”.

解决方法

您还可以通过更改HTML模板来实现所需的效果.

<select 
    ng-init="indexValue = '3'"
    ng-options="key as value for (key,value) in dateSelection" 
    ng-model="indexValue" 
    ng-change="getPerformanceData(indexValue)">
</select>

您会注意到我已经通过表达式删除了轨道,因为它主要是为了帮助Angular在内部进行数组排序 – 这就是在您使用对象而不是数组时导致问题的原因.

我还在HTML模板中设置了默认值,但这也可以在您的控制器中完成,这只是一个偏好问题.

猜你在找的Angularjs相关文章