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 相关文章推荐
Track Image Loading效果代码分析
Aug 13 Javascript
js实现点击左右按钮轮播图片效果实例
Jan 29 Javascript
Jquery遍历select option和添加移除option的实现方法
Aug 26 Javascript
AngularJs  Creating Services详解及示例代码
Sep 02 Javascript
微信小程序 数据遍历的实现
Apr 05 Javascript
JS中判断某个字符串是否包含另一个字符串的五种方法
May 03 Javascript
jQuery md5加密插件jQuery.md5.js用法示例
Aug 24 jQuery
基于JS实现数字动态变化显示效果附源码
Jul 18 Javascript
webpack优化之代码分割与公共代码提取详解
Nov 22 Javascript
微信小程序实现图片压缩
Dec 03 Javascript
Element Alert警告的具体使用方法
Jul 27 Javascript
用vite搭建vue3应用的实现方法
Feb 22 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
3
2006/10/09 PHP
一个程序下载的管理程序(一)
2006/10/09 PHP
关于UEditor编辑器远程图片上传失败的解决办法
2012/08/31 PHP
PHP基于CURL进行POST数据上传实例
2014/11/10 PHP
PHP中key和current,next的联合运用实例分析
2016/03/29 PHP
PHP常见字符串处理函数用法示例【转换,转义,截取,比较,查找,反转,切割】
2016/12/24 PHP
php file_get_contents取文件中数组元素的方法
2017/04/01 PHP
UI Events 用户界面事件
2012/06/27 Javascript
javascript 实现键盘上下左右功能的小例子
2013/09/15 Javascript
JavaScript实现简单的时钟实例代码
2013/11/23 Javascript
window.location.href IE下跳转失效的解决方法
2014/03/27 Javascript
node.js中的console.warn方法使用说明
2014/12/09 Javascript
js简单的点击返回顶部效果实现方法
2015/04/10 Javascript
基于js实现投票的实例代码
2015/08/04 Javascript
jquery实现Li滚动时滚动条自动添加样式的方法
2015/08/10 Javascript
纯javascript判断查询日期是否为有效日期
2015/08/24 Javascript
学习vue.js计算属性
2016/12/03 Javascript
深入理解Angularjs中的$resource服务
2016/12/31 Javascript
利用jQuery实现一个简单的表格上下翻页效果
2017/03/14 Javascript
vue2组件实现懒加载浅析
2017/03/29 Javascript
详解ElementUI之表单验证、数据绑定、路由跳转
2017/06/21 Javascript
JS使用队列对数组排列,基数排序算法示例
2019/03/02 Javascript
Python内置的字符串处理函数整理
2013/01/29 Python
python制作最美应用的爬虫
2015/10/28 Python
Python2随机数列生成器简单实例
2017/09/04 Python
python发送告警邮件脚本
2018/09/17 Python
美国最大的香水连锁店官网:Perfumania
2016/08/15 全球购物
在线吉他课程,学习如何弹吉他:Fender Play
2019/02/28 全球购物
税务专业毕业生自荐信
2013/11/10 职场文书
人事专员的岗位职责
2014/03/01 职场文书
化学专业毕业生求职信
2014/07/28 职场文书
超市优秀员工获奖感言
2014/08/15 职场文书
2014年党总支工作总结
2014/12/18 职场文书
2015年药店店长工作总结
2015/04/29 职场文书
利用python进行数据加载
2021/06/20 Python
python如何为list实现find方法
2022/05/30 Python