angularjs的select使用及默认选中设置

更新时间：2017年04月08日 15:45:46 作者：stoneuu

本篇文章主要介绍了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';
      });

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

angular中的http拦截器Interceptors的实现
本篇文章主要介绍了angular中的http拦截器Interceptors的实现的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
2017-02-02
Angularjs中使用layDate日期控件示例
本篇文章主要介绍了Angularjs中使用layDate日期控件，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-01-01
AngularJS中$http服务常用的应用及参数
大家都知道，AngularJS中的$http有很多参数和调用方法，所以本文只记录了比较常用的应用及参数，方便大家以后使用的时候参考学习，下面一起来看看吧。
2016-08-08
angular+ionic 的app上拉加载更新数据实现方法
这篇文章主要介绍了angular+ionic 的app上拉加载更新数据实现方法，需要的的朋友参考下
2017-01-01
angularjs路由传值$routeParams详解
这篇文章主要为大家详细介绍了angularjs路由传值$routeParams的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-09-09
AngularJS基础 ng-csp 指令详解
本文主要介绍AngularJS ng-csp 指令,这里对ng-csp 的基础资料的整理,并附代码实例和实现效果图,有需要的小伙伴参考下
2016-08-08
AngularJS实现表单验证功能详解
这篇文章主要为大家详细介绍了AngularJS实现表单验证功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-10-10
Augularjs-起步详解
下面小编就为大家带来一篇Augularjs-起步详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-07-07
Angular 4.X开发实践中的踩坑小结
这篇文章主要给大家介绍了关于Angular 4.X开发实践中的一些踩坑经验，文中主要介绍的是使用ngIf或者ngSwitch出错以及多级依赖注入器的相关内容，需要的朋友可以参考借鉴，下面来一起看看吧。
2017-07-07
Angular 路由route实例代码
下面小编就为大家带来一篇Angular 路由route实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-07-07