虚位以待(AD)
虚位以待(AD)
首页 > 网页特效 > Jquery > angularjs的select使用及默认选中设置

angularjs的select使用及默认选中设置
类别:Jquery   作者:码皇   来源:互联网   点击:

本篇文章主要介绍了angularjs的select使用及默认选中设置,非常具有实用价值,需要的朋友可以参考下

我最近在研究angularjs学习的道路上,那么今天也算个学习笔记吧!

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默认选中 angularjs select选中