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 相关文章推荐
Javascript 面向对象之重载
May 04 Javascript
js与jquery中获取当前鼠标的x、y坐标位置的代码
May 23 Javascript
使用js声明数组,对象在jsp页面中(获得ajax得到json数据)
Nov 05 Javascript
js和jquery中循环的退出和继续学习记录
Sep 06 Javascript
web前端设计师们常用的jQuery特效插件汇总
Dec 07 Javascript
JS基于Mootools实现的个性菜单效果代码
Oct 21 Javascript
JS实现图片高亮展示效果实例
Nov 24 Javascript
详解javascript中原始数据类型Null和Undefined
Dec 17 Javascript
微信小程序 判断手机号的实现代码
Apr 19 Javascript
实例详解ztree在vue项目中使用并且带有搜索功能
Aug 24 Javascript
js 实现 list转换成tree的方法示例(数组到树)
Aug 18 Javascript
ant-design-vue 时间选择器赋值默认时间的操作
Oct 27 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
星际争霸中的对战模式介绍
2020/03/04 星际争霸
PHP在Web开发领域的优势
2006/10/09 PHP
PHP写的资源下载防盗链类分享
2014/05/12 PHP
非常全面的php日期时间运算汇总
2015/11/04 PHP
php加密解密字符串示例
2016/10/13 PHP
作为PHP程序员你要知道的另外一种日志
2018/07/30 PHP
点击广告后才能获得下载地址
2006/10/26 Javascript
JAVASCRIPT keycode总结
2009/02/04 Javascript
js数据验证集合、js email验证、js url验证、js长度验证、js数字验证等简单封装
2010/05/15 Javascript
一个JavaScript变量声明的知识点
2013/10/28 Javascript
HTML5canvas 绘制一个圆环形的进度表示实例
2016/12/16 Javascript
jQuery基于事件控制实现点击显示内容下拉效果
2017/03/07 Javascript
jQuery实现页面倒计时并刷新效果
2017/03/13 Javascript
JS作用域链详解
2017/06/26 Javascript
nodejs实现截取上传视频中一帧作为预览图片
2017/12/10 NodeJs
vue异步axios获取的数据渲染到页面的方法
2018/08/09 Javascript
详解Node.js 中使用 ECDSA 签名遇到的坑
2018/11/26 Javascript
JavaScript基于数组实现的栈与队列操作示例
2018/12/22 Javascript
微信小程序实现点击效果
2019/06/21 Javascript
从零使用TypeScript开发项目打包发布到npm
2020/02/14 Javascript
一篇文章带你从零快速上手Rollup
2020/09/07 Javascript
Python pass 语句使用示例
2014/03/11 Python
在Python中使用AOP实现Redis缓存示例
2017/07/11 Python
调用其他python脚本文件里面的类和方法过程解析
2019/11/15 Python
Python3中FuzzyWuzzy库实例用法
2020/11/18 Python
详解使用python爬取抖音app视频(appium可以操控手机)
2021/01/26 Python
大学生预备党员自我评价分享
2013/11/16 职场文书
校园网站的创业计划书范文
2013/12/30 职场文书
大学生职业生涯规划书模版
2013/12/30 职场文书
关于学习的演讲稿
2014/05/10 职场文书
放飞理想演讲稿
2014/09/09 职场文书
先进工作者事迹材料
2014/12/23 职场文书
市场营销计划书
2015/01/17 职场文书
父亲节活动总结
2015/02/12 职场文书
古诗文之爱国名句(77句)
2019/09/24 职场文书
Spring Security中用JWT退出登录时遇到的坑
2021/10/16 Java/Android