设置select默认值-Angular

前端开发小蜜蜂（诗语）

于 2017-01-10 20:45:18 发布

阅读量7.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： Angular 文章标签：前端 Angular select默认值 option

本文链接：https://blog.youkuaiyun.com/web_harry/article/details/54317679

Angular 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何在Angular中设置select元素的默认值。通过在HTML中使用`ng-model`和`ng-options`指令，结合JS代码设置`$scope.mylabel`为数组的第一个元素，实现默认显示第一个选项。此外，还探讨了`ng-options`的不同用法，包括数组和对象的处理方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

设置select默认值-Angular

1.HTML代码

2.JS代码

var myModule = angular.module("MyModule", []);
myModule.controller('MyCtrl', ['$scope',
    function($scope) {
        $scope.lists = [
            {"label" : "步伐1", "value" : "111"},
            {"label" : "步伐2", "value" : "233"}
        ];
        $scope.mylabel = $scope.lists[0];//默认数组第一个作为option的值
    }
]);