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 相关文章推荐
Ext JS 4官方文档之三 -- 类体系概述与实践
Dec 16 Javascript
node.js中的fs.symlink方法使用说明
Dec 15 Javascript
JavaScript观察者模式(经典)
Dec 09 Javascript
BootStrap 智能表单实战系列(五) 表单依赖插件处理
Jun 13 Javascript
jQuery上传多张图片带进度条样式(DEMO)
Mar 02 Javascript
JS与HTML结合实现流程进度展示条思路详解
Sep 03 Javascript
JS实现获取当前所在周的周六、周日示例分析
May 11 Javascript
vue基于v-charts封装双向条形图的实现代码
Dec 09 Javascript
小程序接入腾讯位置服务的详细流程
Mar 03 Javascript
微信小程序getLocation 需要在app.json中声明permission字段
Mar 03 Javascript
解决node终端下运行js文件不支持ES6语法
Apr 04 Javascript
js实现盒子拖拽动画效果
Aug 09 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实现的返回数据格式化类实例
2014/09/22 PHP
通过Mootools 1.2来操纵HTML DOM元素
2009/09/15 Javascript
理解JavaScript变量作用域更轻松
2009/10/25 Javascript
详解JavaScript函数绑定
2013/08/18 Javascript
jQuery获得内容和属性方法及示例
2013/12/02 Javascript
Extjs4中的分页应用结合前后台
2013/12/13 Javascript
20条学习javascript的编程规范的建议
2014/11/28 Javascript
JQuery异步获取返回值中文乱码的解决方法
2015/01/29 Javascript
jQuery实现伸展与合拢panel的方法
2015/04/30 Javascript
基于jQuery滑动杆实现购买日期选择效果
2015/09/15 Javascript
jQuery Validate表单验证深入学习
2015/12/18 Javascript
JavaScript判断变量是否为数组的方法(Array)
2016/02/24 Javascript
JS模态窗口返回值兼容问题的完美解决方法
2016/05/28 Javascript
探究react-native 源码的图片缓存问题
2017/08/24 Javascript
vue项目中应用ueditor自定义上传按钮功能
2018/04/27 Javascript
Vue.js构建你的第一个包并在NPM上发布的方法步骤
2019/05/01 Javascript
jquery实现选项卡切换代码实例
2019/05/14 jQuery
Vue 如何使用props、emit实现自定义双向绑定的实现
2020/06/05 Javascript
微信小程序连接服务器展示MQTT数据信息的实现
2020/07/14 Javascript
js实现头像上传并且可预览提交
2020/12/25 Javascript
全面解析js中的原型,原型对象,原型链
2021/01/25 Javascript
[52:36]VGJ.S vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python HTMLParser模块解析html获取url实例
2015/04/08 Python
django 开发忘记密码通过邮箱找回功能示例
2018/04/17 Python
Python登录系统界面实现详解
2019/06/25 Python
python自动分箱,计算woe,iv的实例代码
2019/11/22 Python
Python无损压缩图片的示例代码
2020/08/06 Python
CSS3教程(4):网页边框和网页文字阴影
2009/04/02 HTML / CSS
学生就业推荐信
2013/11/13 职场文书
船舶专业个人求职信范文
2014/01/02 职场文书
护理助产毕业生的求职信
2014/03/02 职场文书
城管综合整治方案
2014/05/01 职场文书
入党自荐书范文
2015/03/05 职场文书
三十年再续同学情倡议书
2019/11/27 职场文书
quickjs 封装 JavaScript 沙箱详情
2021/11/02 Javascript
GoFrame gredis缓存DoVar Conn连接对象 自动序列化GoFrame gredisDo/DoVar方法Conn连接对象自动序列化/反序列化总结
2022/06/14 Golang