AngularJS ng-repeat设置默认选择值

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

导读：$scope.activities = [ { id: 1,type: "DROPDOWN_MENU",name: "Dropdown Menu" },{ id: 2,type: "HORIZONTAL_BAR",name: "Horizontal Bar" } ];select data-ng-model="engineer.currentActivity" data-ng-options="a.name for a in activities" /select 使用

$scope.activities =
    [
        { id: 1,type: "DROPDOWN_MENU",name: "Dropdown Menu" },{ id: 2,type: "HORIZONTAL_BAR",name: "Horizontal Bar" }
    ];

<select data-ng-model="engineer.currentActivity" data-ng-options="a.name for a in activities">                
</select>

使用上面我可以创建一个包含3个值的选择框,一个空白的,然后是下拉菜单和水平条.

我想将Horizo??ntal Bar设置为我的默认值,但无法看到如何执行此操作.

帮助会很棒

解决方法

在控制器中,只需添加一行即可设置初始选择：

$scope.activities =
    [
        { id: 1,name: "Horizontal Bar" }
    ];

$scope.engineer = {}; // if needed
$scope.engineer.currentActivity = $scope.activities[1];

（编辑：李大同）

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