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

发布时间：2020-12-17 17:26:07 所属栏目：安全来源：网络整理

导读：这是我的 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 - T

这是我的 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模板中设置了默认值,但这也可以在您的控制器中完成,这只是一个偏好问题.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!