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 相关文章推荐
基于MooTools的很有创意的滚动条时钟动画
Nov 14 Javascript
整理一些JavaScript的IE和火狐的兼容性注意事项
Mar 17 Javascript
基于jQuery的输入框在光标位置插入内容, 并选中
Oct 29 Javascript
jquery实现的一个文章自定义分段显示功能
May 23 Javascript
jquery中封装函数传递当前元素的方法示例
May 05 jQuery
原生JS进行前后端同构
Apr 22 Javascript
微信小程序当前时间时段选择器插件使用方法详解
Dec 28 Javascript
es6中使用map简化复杂条件判断操作实例详解
Feb 19 Javascript
JS数据类型(基本数据类型、引用数据类型)及堆和栈的区别分析
Mar 04 Javascript
微信小程序如何加载数据库真实数据的实现
Mar 04 Javascript
Vue自定义全局弹窗组件操作
Aug 11 Javascript
全面解析Vue中的$nextTick
Dec 24 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
数字转英文
2006/12/06 PHP
PHP实现多文件上传的方法
2015/07/08 PHP
js 数组实现一个类似ruby的迭代器
2009/10/27 Javascript
JavaScript ECMA-262-3 深入解析.第三章.this
2011/09/28 Javascript
JS简单的轮播的图片滚动实例
2013/06/17 Javascript
JavaScript中的this到底是什么(一)
2015/12/09 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
2016/11/18 Javascript
模板视图和AngularJS之间冲突的解决方法
2016/11/22 Javascript
node.js中路由,中间件,ge请求和post请求的参数详解
2017/12/26 Javascript
详解使用element-ui table组件的筛选功能的一个小坑
2018/11/02 Javascript
微信公众号H5支付接口调用方法
2019/01/10 Javascript
小程序server请求微信服务器超时的解决方法
2019/05/21 Javascript
了解javascript中let和var及const关键字的区别
2019/05/24 Javascript
js之切换全屏和退出全屏实现代码实例
2019/09/09 Javascript
vue-cli3使用mock数据的方法分析
2020/03/16 Javascript
Django中的CACHE_BACKEND参数和站点级Cache设置
2015/07/23 Python
Python科学计算之Pandas详解
2017/01/15 Python
深入理解Django中内置的用户认证
2017/10/06 Python
python3 property装饰器实现原理与用法示例
2019/05/15 Python
网易有道2017内推编程题 洗牌(python)
2019/06/19 Python
详解用python计算阶乘的几种方法
2019/08/14 Python
python调用matplotlib模块绘制柱状图
2019/10/18 Python
美国在线购买内衣网站:HerRoom
2020/02/22 全球购物
大学生求职信范文应怎么写
2014/01/01 职场文书
销售简历自我评价
2014/01/24 职场文书
社区母亲节活动方案
2014/03/05 职场文书
大队委竞选演讲稿
2014/04/28 职场文书
人民调解员培训方案
2014/06/05 职场文书
关于读书的演讲稿800字
2014/08/27 职场文书
创优争先心得体会
2014/09/11 职场文书
2014年办公室工作总结范文
2014/11/12 职场文书
2014年领导班子工作总结
2014/12/11 职场文书
中学综治宣传月活动总结
2015/05/07 职场文书
幼儿园园务工作总结2015
2015/05/18 职场文书
python opencv检测直线 cv2.HoughLinesP的实现
2021/06/18 Python
详解Java实践之抽象工厂模式
2021/06/18 Java/Android