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 相关文章推荐
响应鼠标变换表格背景或者颜色的代码
Mar 30 Javascript
jquery 插件学习(五)
Aug 06 Javascript
JQuery实现的购物车功能(可以减少或者添加商品并自动计算价格)
Jan 13 Javascript
js实现图片放大和拖拽特效代码分享
Sep 05 Javascript
jquery.cookie.js实现用户登录保存密码功能的方法
Apr 15 Javascript
解析如何利用iframe标签以及js制作时钟
Dec 08 Javascript
JavaScript之map reduce_动力节点Java学院整理
Jun 29 Javascript
解决ionic和angular上拉加载的问题
Aug 03 Javascript
layui获取多选框中的值方法
Aug 15 Javascript
微信小程序中的上拉、下拉菜单功能
Mar 13 Javascript
vue中提示$index is not defined错误的解决方式
Sep 02 Javascript
vue中使用echarts的示例
Jan 03 Vue.js
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设计模式 Interpreter(解释器模式)
2011/06/26 PHP
微博短链接算法php版本实现代码
2012/09/15 PHP
php接口和抽象类使用示例详解
2014/03/02 PHP
PHP入门经历和学习过程分享
2014/04/11 PHP
PHP生成网站桌面快捷方式代码分享
2014/10/11 PHP
Laravel 5.1 on SAE环境开发教程【附项目demo源码】
2016/10/09 PHP
百度 popup.js 完美修正版非常的不错 脚本之家推荐
2009/04/17 Javascript
深入浅析JavaScript中对事件的三种监听方式
2015/09/29 Javascript
JS选取DOM元素的简单方法
2016/07/08 Javascript
JQuery实现table中tr上移下移的示例(超简单)
2018/01/08 jQuery
vue集成百度UEditor富文本编辑器使用教程
2018/09/21 Javascript
详解jQuery-each()方法
2019/03/13 jQuery
解决layui的table插件无法多层级获取json数据的问题
2019/09/19 Javascript
[03:48]显微镜下的DOTA2第四期——TP动作
2014/06/20 DOTA
[47:10]完美世界DOTA2联赛PWL S3 LBZS vs Rebirth 第二场 12.16
2020/12/18 DOTA
用python写个自动SSH登录远程服务器的小工具(实例)
2017/06/17 Python
详解Python map函数及Python map()函数的用法
2017/11/16 Python
python实现决策树
2017/12/21 Python
python类的方法属性与方法属性的动态绑定代码详解
2017/12/27 Python
详解python中的time和datetime的常用方法
2019/07/08 Python
python中如何使用insert函数
2020/01/09 Python
pytorch masked_fill报错的解决
2020/02/18 Python
Python捕获异常堆栈信息的几种方法(小结)
2020/05/18 Python
基于tf.shape(tensor)和tensor.shape()的区别说明
2020/06/30 Python
Django-imagekit的使用详解
2020/07/06 Python
Canon佳能美国官方商店:购买数码相机、数码单反相机、镜头和打印机
2016/11/15 全球购物
Electrolux伊莱克斯巴西商店:家用电器、小家电和配件
2018/05/23 全球购物
美国男士和女士奢侈品折扣手表购物网站:Certified Watch Store
2018/06/13 全球购物
英国最大最好的无人机商店:Drones Direct
2019/07/12 全球购物
美国购买体育、音乐会和剧院门票网站:SelectATicket
2019/09/08 全球购物
static关键字的用法
2013/10/07 面试题
某/etc/fstab文件中的某行如下: /dev/had5 /mnt/dosdata msdos defaults,usrquota 1 2 请解释其含义
2013/04/11 面试题
初中语文教学反思
2014/02/02 职场文书
心理咨询专业自荐信
2014/07/07 职场文书
2015年高考寄语或鼓励的话
2015/03/23 职场文书
复试通知单模板
2015/04/24 职场文书