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 getElementsByName()的用法说明
Jul 31 Javascript
jquery创建并行对象或者合并对象的实现代码
Oct 10 Javascript
jquery入门—数据删除与隔行变色以及图片预览
Jan 07 Javascript
jQuery照片伸缩效果不影响其他元素的布局
May 09 Javascript
JavaScript中字符串拼接的基本方法
Jul 07 Javascript
javascript每日必学之运算符
Feb 16 Javascript
JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)
May 20 Javascript
JS二叉树的简单实现方法示例
Apr 05 Javascript
基于vue 实现token验证的实例代码
Dec 14 Javascript
vue2.0之多页面的开发的示例
Jan 30 Javascript
详解Webstorm 下的Angular2.0开发之路(图文)
Dec 06 Javascript
Vue优化:常见会导致内存泄漏问题及优化详解
Aug 04 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日期时间运算汇总
2015/11/04 PHP
wordpress网站转移到本地运行测试的方法
2017/03/15 PHP
php简单实现单态设计模式的方法分析
2017/07/28 PHP
用Javascript 和 CSS 实现脚注(Footnote)效果
2009/09/09 Javascript
IE6、IE7中获取Button元素的值的bug说明
2011/08/28 Javascript
js传参数受特殊字符影响错误的解决方法
2013/10/21 Javascript
jQuery实现contains方法不区分大小写的方法
2015/02/13 Javascript
javascript实现列表切换效果
2016/05/02 Javascript
通过JS获取Request.QueryString()参数的值实现方法
2016/09/27 Javascript
Angular获取手机验证码实现移动端登录注册功能
2017/05/17 Javascript
ionic2自定义cordova插件开发以及使用(Android)
2017/06/19 Javascript
使用重写url机制实现验证码换一张功能
2017/08/01 Javascript
JS实现根据指定值删除数组中的元素操作示例
2018/08/02 Javascript
vue中子组件的methods中获取到props中的值方法
2018/08/27 Javascript
jQuery实现获取及设置CSS样式操作详解
2018/09/05 jQuery
简单了解vue中父子组件如何相互传递值(基础向)
2019/07/12 Javascript
[03:02]2014DOTA2西雅图邀请赛 让队员自己告诉你DK NAVI备战情况
2014/07/08 DOTA
简单解决Python文件中文编码问题
2015/11/22 Python
浅析python递归函数和河内塔问题
2017/04/18 Python
Python使用win32com模块实现数据库表结构自动生成word表格的方法
2018/07/17 Python
搞清楚 Python traceback的具体使用方法
2019/05/13 Python
TensorFlow2.X使用图片制作简单的数据集训练模型
2020/04/08 Python
Django 设置admin后台表和App(应用)为中文名的操作方法
2020/05/10 Python
python爬虫请求头的使用
2020/12/01 Python
html5借用repeating-linear-gradient实现一把刻度尺(ruler)
2019/09/09 HTML / CSS
酒店管理专业毕业生推荐信
2013/11/10 职场文书
医学类个人求职信范文
2014/02/05 职场文书
《颐和园》教学反思
2014/02/26 职场文书
幼儿园的门卫岗位职责
2014/04/10 职场文书
2015年党员自评材料
2014/12/17 职场文书
初中成绩单评语
2014/12/29 职场文书
2015自愿离婚协议书范本
2015/01/28 职场文书
交通事故起诉书
2015/05/19 职场文书
2016读书月活动心得体会
2016/01/14 职场文书
导游词之太原天龙山
2020/01/02 职场文书
Python使用mitmproxy工具监控手机 下载手机小视频
2022/04/18 Python