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


Posted in Javascript onApril 08, 2017

我最近在研究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';
      });

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery 使用手册(一)
Sep 23 Javascript
javascript与asp.net(c#)互相调用方法
Dec 13 Javascript
JS判断元素为数字的奇异写法分享
Aug 01 Javascript
JavaScript中的console.profile()函数详细介绍
Dec 29 Javascript
JQuery中的事件及动画用法实例
Jan 26 Javascript
JavaScript中解析JSON数据的三种方法
Jul 03 Javascript
jQuery增加和删除表格项目及实现表格项目排序的方法
May 30 Javascript
jQuery+ajax读取json数据并按照价格排序示例
Mar 28 jQuery
Angular服务Request异步请求的实例讲解
Aug 13 Javascript
Vue开发环境中修改端口号的实现方法
Aug 15 Javascript
vue动态禁用控件绑定disable的例子
Oct 28 Javascript
Vue引入Stylus知识点总结
Jan 16 Javascript
JS排序之冒泡排序详解
Apr 08 #Javascript
JS排序之快速排序详解
Apr 08 #Javascript
JS排序之选择排序详解
Apr 08 #Javascript
Vue异步组件使用详解
Apr 08 #Javascript
利用jQuery解析获取JSON数据
Apr 08 #jQuery
AngularJS $http模块POST请求实现
Apr 08 #Javascript
node.js实现登录注册页面
Apr 08 #Javascript
You might like
php Undefined index的问题
2009/06/01 PHP
windows下配置apache+php+mysql时出现问题的处理方法
2014/06/20 PHP
yii中widget的用法
2014/12/03 PHP
Yii2.0框架模型添加/修改/删除数据操作示例
2019/07/18 PHP
JavaScript 未结束的字符串常量常见解决方法
2010/01/24 Javascript
ExtJs设置GridPanel表格文本垂直居中示例
2013/07/15 Javascript
JavaScript中最简洁的编码html字符串的方法
2014/10/11 Javascript
Vue.js快速入门教程
2016/09/07 Javascript
JS实现自动轮播图效果(自适应屏幕宽度+手机触屏滑动)
2017/06/19 Javascript
详解在Vue中如何使用axios跨域访问数据
2017/07/07 Javascript
javaScript字符串工具类StringUtils详解
2017/12/08 Javascript
原生JS实现网页手机音乐播放器 歌词同步播放的示例
2018/02/02 Javascript
vue项目中公用footer组件底部位置的适配问题
2018/05/10 Javascript
微信小程序canvas分享海报功能
2019/10/31 Javascript
node.js文件操作系统实例详解
2019/11/05 Javascript
Python模块学习 re 正则表达式
2011/05/19 Python
教你用python3根据关键词爬取百度百科的内容
2016/08/18 Python
Windows下安装python2和python3多版本教程
2017/03/30 Python
Python实现两款计算器功能示例
2017/12/19 Python
python脚本监控Tomcat服务器的方法
2018/07/06 Python
Python3爬虫使用Fidder实现APP爬取示例
2018/11/27 Python
Python自动生成代码 使用tkinter图形化操作并生成代码框架
2019/09/18 Python
Python 装饰器原理、定义与用法详解
2019/12/07 Python
Python基础之高级变量类型实例详解
2020/01/03 Python
Python猴子补丁Monkey Patch用法实例解析
2020/03/23 Python
Python模块zipfile原理及使用方法详解
2020/08/04 Python
婴儿鞋,独特的婴儿服装和配件:Zutano
2018/11/03 全球购物
策划创业计划书
2014/02/06 职场文书
青春励志演讲稿
2014/04/29 职场文书
军训口号
2014/06/13 职场文书
大专毕业生求职信
2014/07/05 职场文书
党员学习群众路线教育实践活动对照检查材料
2014/09/23 职场文书
党员教师群众路线对照检查材料思想汇报
2014/09/29 职场文书
考研英语辞职信
2015/05/13 职场文书
新生开学寄语大全
2015/05/28 职场文书
python装饰器代码解析
2022/03/23 Python