angularjs的select使用及默认选中

Posted stoneuu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angularjs的select使用及默认选中相关的知识,希望对你有一定的参考价值。

1 ng-model="standardCourse.showHours"代替name
2 ng-selected = "1"代替selected="selected",但问题是select下会多出一个无用的option
3 在数据准备时设置,$scope.standardCourse.showHours= ‘1‘;
解决多出的一个无用的option


<label for="_sel_show_hours">是否显示课时数</label>
<select id="sel_show_hours" ng-model="standardCourse.showHours" >
<option value="1" ng-selected = "1">显示</option>
<option value="0">不显示</option>
</select>  

radio也是 ng-checked="1",也需要准备数据时设置默认值

准备数据参考
$stateProvider.state(‘home.standardCourseAdd‘, {
        url: "/standardCourse/add",
        templateUrl: "/partials/ace/standardCourse/add.html",
        controller: function ($rootScope, $http, $scope, $location, $anchorScroll, $stateParams, $state, $timeout, $compile, Upload) {
            fnPost($scope, $state, $http, {‘name‘‘‘}, ‘/standardCourse/toAdd.do‘function (success, data) {
                $scope.standardCourse = data.entity;
                $scope.standardCourse.showHours= ‘1‘;
            });  















以上是关于angularjs的select使用及默认选中的主要内容,如果未能解决你的问题,请参考以下文章

AngularJS、ngRepeat 和默认选中单选按钮

angularjs如何默认选中radio

如何在angularJS中默认select2

AngularJS和Select

angularjs radio 默认选中

加载时默认选中Angularjs复选框,并在选中时禁用选择列表