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提示效果(仿腾讯弹出层)
Feb 05 Javascript
JavaScript类型系统之布尔Boolean类型详解
Jun 26 Javascript
微信小程序 参数传递实例代码
Mar 20 Javascript
springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项
Apr 23 Javascript
js轮播图透明度切换(带上下页和底部圆点切换)
Apr 27 Javascript
JavaScript中防止微信浏览器被整体拖动的方法
Aug 25 Javascript
JavaScript实现微信红包算法及问题解决方法
Apr 26 Javascript
JavaScript实现封闭区域布尔运算的示例代码
Jun 25 Javascript
Phaser.js实现简单的跑酷游戏附源码下载
Oct 26 Javascript
Smartour 让网页导览变得更简单(推荐)
Jul 19 Javascript
JavaScript 常见的继承方式汇总
Sep 17 Javascript
【js设计模式】SOLID五大设计原则
Mar 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 字符串函数收集
2010/03/29 PHP
PHP图片处理类 phpThumb参数用法介绍
2012/03/11 PHP
浅谈ThinkPHP的URL重写
2014/11/25 PHP
php通过exif_read_data函数获取图片的exif信息
2015/05/21 PHP
PHP+jQuery+Ajax实现分页效果 jPaginate插件的应用
2015/10/09 PHP
php实现的顺序线性表示例
2019/05/04 PHP
在一个js文件里远程调用jquery.js会在ie8下的一个奇怪问题
2010/11/28 Javascript
js漂浮广告实现代码
2015/08/15 Javascript
实例详解ECMAScript5中新增的Array方法
2016/04/05 Javascript
JS生成一维码(条形码)功能示例
2017/01/19 Javascript
node.js 中间件express-session使用详解
2017/05/20 Javascript
Angular4项目中添加i18n国际化插件ngx-translate的步骤详解
2017/07/02 Javascript
浅谈Koa服务限流方法实践
2017/10/23 Javascript
Electron-vue开发的客户端支付收款工具的实现
2019/05/24 Javascript
sortable+element 实现表格行拖拽的方法示例
2019/06/07 Javascript
taro小程序添加骨架屏的实现代码
2019/11/15 Javascript
Vue中使用Lodop插件实现打印功能的简单方法
2019/12/19 Javascript
[34:39]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#1COL VS EG第二局
2016/03/05 DOTA
Python最基本的数据类型以及对元组的介绍
2015/04/14 Python
通过Python 获取Android设备信息的轻量级框架
2017/12/18 Python
Python实现聊天机器人的示例代码
2018/07/09 Python
django解决跨域请求的问题
2018/11/11 Python
详解Django admin高级用法
2019/11/06 Python
HTML5 视频播放(video),JavaScript控制视频的实例代码
2018/10/08 HTML / CSS
美国受欢迎的女性牛仔裤品牌:DL1961
2016/11/12 全球购物
自考生自我鉴定范文
2013/10/01 职场文书
成人大专自我鉴定范文
2013/10/19 职场文书
后勤工作职责
2013/12/22 职场文书
幼儿园元旦活动感言
2014/03/02 职场文书
听课评语大全
2014/04/30 职场文书
师德师风承诺书
2014/05/23 职场文书
医院反腐倡廉演讲稿
2014/09/16 职场文书
教师对照四风自我剖析材料
2014/09/30 职场文书
幼儿园小班见习报告
2014/10/31 职场文书
论文致谢词范文
2015/05/14 职场文书
JavaWeb Servlet实现网页登录功能
2021/07/04 Java/Android