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动画animate方法使用介绍
May 06 Javascript
jquery 通过name快速取值示例
Jan 24 Javascript
js操作IE浏览器弹出浏览文件夹可以返回目录路径
Jul 14 Javascript
jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法
Jul 27 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
Sep 11 Javascript
微信小程序实现打开内置地图功能【附源码下载】
Dec 07 Javascript
javascript实现文件拖拽事件
Mar 29 Javascript
Vue 按键修饰符处理事件的方法
May 04 Javascript
微信小程序利用canvas 绘制幸运大转盘功能
Jul 06 Javascript
js调用设备摄像头的方法
Jul 19 Javascript
一百行JS代码实现一个校验工具
Apr 30 Javascript
angular4应用中输入的最小值和最大值的方法
May 17 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如何抛出异常处理错误
2011/03/02 PHP
PHP获取MSN好友列表类的实现代码
2013/06/23 PHP
安装apache2.2.22配置php5.4(具体操作步骤)
2013/06/26 PHP
解决php接收shell返回的结果中文乱码问题
2014/01/23 PHP
详解将数据从Laravel传送到vue的四种方式
2019/10/16 PHP
验证用户是否修改过页面的数据的实现方法
2008/09/26 Javascript
监控 url fragment变化的js代码
2010/04/19 Javascript
JavaScript高级程序设计 阅读笔记(十二) js内置对象Math
2012/08/14 Javascript
javascript小数四舍五入多种方法实现
2012/12/23 Javascript
jquery easyui中treegrid用法的简单实例
2014/02/18 Javascript
JavaScript获取路径设计源码
2014/05/22 Javascript
详谈jQuery操纵DOM元素属性 attr()和removeAtrr()方法
2015/01/22 Javascript
JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法
2016/04/18 Javascript
让div运动起来 js实现缓动效果
2017/07/06 Javascript
jQuery中将json数据显示到页面表格的方法
2018/05/27 jQuery
微信小程序定位当前城市的方法
2018/07/19 Javascript
Vue文件配置全局变量的实例
2018/09/06 Javascript
纯异步nodejs文件夹(目录)复制功能
2019/09/03 NodeJs
layui 上传图片 返回图片地址的方法
2019/09/26 Javascript
[55:02]2014 DOTA2国际邀请赛中国区预选赛 HGT VS Orenda
2014/05/21 DOTA
Python实现多行注释的另类方法
2014/08/22 Python
详解Python中time()方法的使用的教程
2015/05/22 Python
python基础知识小结之集合
2015/11/25 Python
APIStar:一个专为Python3设计的API框架
2018/09/26 Python
使用Python开发SQLite代理服务器的方法
2018/12/07 Python
python实现连续图文识别
2018/12/18 Python
python实现beta分布概率密度函数的方法
2019/07/08 Python
python2爬取百度贴吧指定关键字和图片代码实例
2019/08/14 Python
python爬虫工具例举说明
2020/11/30 Python
日本一家专门经营各种箱包的大型网站:Traveler Store
2016/08/03 全球购物
酒店副总岗位职责
2013/12/24 职场文书
法人任命书范本
2014/06/04 职场文书
公司户外活动总结
2014/07/04 职场文书
感恩老师演讲稿600字
2014/08/28 职场文书
初中班主任工作随笔
2015/08/15 职场文书
MongoDB数据库之添删改查
2022/04/26 MongoDB