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 相关文章推荐
实现png图片和png背景透明(支持多浏览器)的方法
Sep 08 Javascript
Iframe 自适应高度并实时监控高度变化的js代码
Oct 30 Javascript
删除节点的jquery代码
Jan 13 Javascript
angularJS结合canvas画图例子
Feb 09 Javascript
详解AngularJS中的表格使用
Jun 16 Javascript
jquery动感漂浮导航菜单代码分享
Apr 15 Javascript
理解javascript模块化
Mar 28 Javascript
js获取隐藏元素的宽高
Feb 24 Javascript
angularjs+bootstrap实现自定义分页的实例代码
Jun 19 Javascript
在layer弹层layer.prompt中,修改placeholder的实现方法
Sep 27 Javascript
js实现mp3录音通过websocket实时传送+简易波形图效果
Jun 12 Javascript
Vue+Openlayers自定义轨迹动画
Sep 24 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 mysql 判断update之后是否更新了的方法
2012/01/10 PHP
PHP中数组的分组排序实例
2014/06/01 PHP
PHP fastcgi模式上传大文件(大约有300多K)报错
2014/09/28 PHP
php下Memcached入门实例解析
2015/01/05 PHP
又十个超级有用的PHP代码片段
2015/09/24 PHP
php解析非标准json、非规范json的方式实例
2020/12/10 PHP
jQuery入门第一课 jQuery选择符
2010/03/14 Javascript
jQuery select操作控制方法小结
2010/05/26 Javascript
firefox事件处理之自动查找event的函数(用于onclick=foo())
2010/08/05 Javascript
Ajax 数据请求的简单分析
2011/04/05 Javascript
常用js字符串判断方法整理
2013/10/18 Javascript
JavaScript设置首页和收藏页面的小例子
2013/11/11 Javascript
javascript常用的方法分享
2015/07/01 Javascript
详解JavaScript对象类型
2016/06/16 Javascript
什么是JavaScript注入攻击?
2016/09/14 Javascript
微信小程序教程系列之设置标题栏和导航栏(7)
2020/06/29 Javascript
什么时候不能在 Node.js 中使用 Lock Files
2019/06/24 Javascript
JavaScript实现简单贪吃蛇效果
2020/03/09 Javascript
利用Vue实现简易播放器的完整代码
2020/12/30 Vue.js
python中xrange用法分析
2015/04/15 Python
Python3访问并下载网页内容的方法
2015/07/28 Python
Python多线程实现同步的四种方式
2017/05/02 Python
Python使用matplotlib绘制正弦和余弦曲线的方法示例
2018/01/06 Python
Python实现统计给定字符串中重复模式最高子串功能示例
2018/05/16 Python
Tensorflow实现多GPU并行方式
2020/02/03 Python
python使用dlib进行人脸检测和关键点的示例
2020/12/05 Python
python使用正则表达式匹配txt特定字符串(有换行)
2020/12/09 Python
国外平面设计第一市场:99designs
2016/10/25 全球购物
在线课程:Skillshare
2019/04/02 全球购物
Sunglass Hut巴西网上商店:男女太阳镜
2020/10/04 全球购物
战略合作协议书范本
2014/04/18 职场文书
家长会学生演讲稿
2014/04/26 职场文书
小学生读书活动总结
2014/06/30 职场文书
让子弹飞观后感
2015/06/11 职场文书
MySQL慢查询优化解决问题
2022/03/17 MySQL
关于Redis的主从复制及哨兵问题
2022/06/16 Redis