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页面传参有多种办法，根据不同用例，本文介绍5种最常见的页面传参的方式。具有很好的参考价值。下面跟着小编一起来看下吧2017-04-04
本篇文章主要介绍了详解angular ui-grid之过滤器设置，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
今天小编就为大家分享一篇angularjs 动态从后台获取下拉框的值方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
本篇文章主要介绍了用angular实现多选按钮的全选与反选实例代码，非常具有实用价值，需要的朋友可以参考下2017-05-05
这篇文章主要介绍了 AngularJS 所有版本下载地址的相关资料,需要的朋友可以参考下2016-09-09
数据绑定是将应用程序UI或用户界面绑定到模型的机制。使用数据绑定，用户将能够使用浏览器来操纵网站上存在的元素。2021-05-05
本篇文章主要介绍了强大的 Angular 表单验证功能详细介绍，使用 Angular 的内置表单校验能够完成绝大多数的业务场景的校验需求，有兴趣的可以了解一下2017-05-05
这篇文章主要介绍了Angular2 http jsonp的实例详解的相关资料,希望通过本能帮助到大家，需要的朋友可以参考下2017-08-08
详解为Angular.js内置$http服务添加拦截器的方法
所谓拦截器就是在目标达到目的地之前对其进行处理以便处理结果更加符合我们的预期。Angular的$http拦截器是通过$httpProvider.interceptors数组定义的一组拦截器，每个拦截器都是实现了某些特定方法的Factory。本文就介绍了为Angular.js内置$http服务添加拦截器的方法。2016-12-12
下面小编就为大家分享一篇AngularJs 最新验证手机号码的实例,成功测试通过，具有很好的参考价值。希望对大家有所帮助。一起跟随小编过来看看吧2017-11-11
最新评论