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结合Json提交数据到Webservice,并接收从Webservice返回的Json数据
Feb 18 Javascript
解决jquery1.9不支持browser对象的问题
Nov 13 Javascript
利用JavaScript实现新闻滚动效果(实例代码)
Nov 27 Javascript
手机号码,密码正则验证
Sep 04 Javascript
基于webpack4.X从零搭建React脚手架的方法步骤
Dec 23 Javascript
vue-router 起步步骤详解
Mar 26 Javascript
全面了解JavaScript的作用域链
Apr 03 Javascript
详解Vue 匿名、具名和作用域插槽的使用方法
Apr 22 Javascript
layui实现三级联动效果
Jul 26 Javascript
js中比较两个对象是否相同的方法示例
Sep 02 Javascript
详解Vue3中对VDOM的改进
Apr 23 Javascript
微信小程序语音同步智能识别的实现案例代码解析
May 29 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面试题之文件目录操作
2015/10/15 PHP
PHP浮点数的一个常见问题
2016/03/10 PHP
php实现压缩合并js的方法【附demo源码下载】
2016/09/22 PHP
基于CI(CodeIgniter)框架实现购物车功能的方法
2018/04/09 PHP
10个基于浏览器的JavaScript调试工具分享
2013/02/07 Javascript
jQuery中trigger()方法用法实例
2015/01/19 Javascript
ajax读取数据后使用jqchart显示图表的方法
2015/06/10 Javascript
创建一个类Person的简单实例
2016/05/17 Javascript
在js里怎么实现Xcode里的callFuncN方法(详解)
2016/11/05 Javascript
vue中引用阿里字体图标的方法
2018/02/10 Javascript
JS事件绑定的常用方式实例总结
2019/03/02 Javascript
js实现旋转的星空效果
2019/11/01 Javascript
解决vue addRoutes不生效问题
2020/08/04 Javascript
jQuery实现图片切换效果
2020/10/19 jQuery
如何在vue 中使用柱状图 并自修改配置
2021/01/21 Vue.js
[04:40]2016国际邀请赛中国区预选赛全程TOP10镜头集锦
2016/07/01 DOTA
跟老齐学Python之变量和参数
2014/10/10 Python
pycharm访问mysql数据库的方法步骤
2019/06/18 Python
Django框架orM与自定义SQL语句混合事务控制操作
2019/06/27 Python
pytorch中tensor.expand()和tensor.expand_as()函数详解
2019/12/27 Python
Python GUI自动化实现绕过验证码登录
2020/01/10 Python
施华洛世奇意大利官网:SWAROVSKI意大利
2018/07/23 全球购物
电子狗项圈:eDog Australia
2019/12/04 全球购物
工艺工程师岗位职责
2014/03/04 职场文书
食品安全工作实施方案
2014/03/26 职场文书
企业负责人任命书
2014/06/05 职场文书
会计毕业生自荐书
2014/06/12 职场文书
银行求职自荐信
2014/06/30 职场文书
幼儿园大班见习报告
2014/10/31 职场文书
2015年超市收银员工作总结
2015/04/25 职场文书
2015秋季开学典礼主持词
2015/07/16 职场文书
初一英语教学反思
2016/02/15 职场文书
500字作文之周记
2019/12/13 职场文书
Golang二维切片初始化的实现
2021/04/08 Golang
浅析Python实现DFA算法
2021/06/26 Python
Mysql数据库事务的脏读幻读及不可重复读详解
2022/05/30 MySQL