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 相关文章推荐
延时重复执行函数 lLoopRun.js
May 08 Javascript
js 数组操作代码集锦
Apr 28 Javascript
jQuery1.4.2与老版本json格式兼容的解决方法
Feb 12 Javascript
原生js结合html5制作简易的双色子游戏
Mar 30 Javascript
js上传图片及预览功能实例分析
Apr 24 Javascript
JS中使用变量保存arguments对象的方法
Jun 03 Javascript
原生JS改变透明度实现轮播效果
Mar 24 Javascript
JavaScript中重名的函数与对象示例详析
Sep 28 Javascript
微信小程序wx.request拦截器使用详解
Jul 09 Javascript
微信小程序 如何获取网络状态
Jul 26 Javascript
javascript实现弹出层效果
Dec 10 Javascript
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
Apr 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
ThinkPHP中使用Ueditor富文本编辑器
2015/09/02 PHP
php实现word转html的方法
2016/01/22 PHP
Smarty模板简单配置与使用方法示例
2016/05/23 PHP
php 数组字符串搜索array_search技巧
2016/07/05 PHP
php版微信js-sdk支付接口类用法示例
2016/10/12 PHP
[原创]PHPCMS遭遇会员投稿审核无效的解决方法
2017/01/11 PHP
PHP实现用户登录的案例代码
2018/05/10 PHP
js资料prototype 属性
2007/03/13 Javascript
javascript 写类方式之二
2009/07/05 Javascript
js Select下拉列表框进行多选、移除、交换内容的具体实现方法
2013/08/13 Javascript
使用Js让Html中特殊字符不被转义
2013/11/05 Javascript
JS保留两位小数 四舍五入函数的小例子
2013/11/20 Javascript
使用js实现按钮控制文本框加1减1应用于小时+分钟
2013/12/09 Javascript
JavaScript跨平台的开源框架NativeScript
2015/03/24 Javascript
使用AngularJS实现可伸缩的页面切换的方法
2015/06/19 Javascript
直接拿来用的15个jQuery代码片段
2015/09/23 Javascript
react-native之ART绘图方法详解
2017/08/08 Javascript
快速处理vue渲染前的显示问题
2018/03/05 Javascript
使用Vue动态生成form表单的实例代码
2018/04/26 Javascript
JavaScript使用prototype属性实现继承操作示例
2020/05/22 Javascript
[02:01]2018完美盛典-开场舞《双子星》
2018/12/16 DOTA
Python3学习笔记之列表方法示例详解
2017/10/06 Python
浅谈pandas中Dataframe的查询方法([], loc, iloc, at, iat, ix)
2018/04/10 Python
Python 使用类写装饰器的小技巧
2018/09/30 Python
Python OpenCV实现鼠标画框效果
2020/08/19 Python
日本即尚网:JSHOPPERS.com(支持中文)
2019/12/03 全球购物
幼儿园教师岗位职责
2014/03/17 职场文书
《沉香救母》教学反思
2014/04/19 职场文书
2014年保卫工作总结
2014/12/05 职场文书
写给医生的感谢信
2015/01/22 职场文书
销售辞职信范文
2015/03/02 职场文书
情侣之间的道歉短信
2015/05/12 职场文书
《纸船和风筝》教学反思
2016/02/18 职场文书
解析:创业计划书和商业计划书二者之间到底有什么区别
2019/08/14 职场文书
粗暴解决CUDA out of memory的问题
2021/05/22 Python
MySQL系列之十二 备份与恢复
2021/07/02 MySQL