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 相关文章推荐
js类中获取外部函数名的方法
Aug 19 Javascript
javascript实现一个数值加法函数
Jun 26 Javascript
深入分析Javascript事件代理
Jan 30 Javascript
限制复选框最多选择项的实现代码
May 30 Javascript
浅谈jQuery 选择器和dom操作
Jun 07 Javascript
jQuery EasyUI API 中文帮助文档和扩展实例
Aug 01 Javascript
BootStrap 可编辑表Table格
Nov 24 Javascript
ES6新特性八:async函数用法实例详解
Apr 21 Javascript
js上传图片预览的实现方法
May 09 Javascript
JavaScript实现的文本框placeholder提示文字功能示例
Jul 25 Javascript
JS正则表达式封装与使用操作示例
May 15 Javascript
微信小程序中weui用法解析
Oct 21 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
WordPress中转义HTML与过滤链接的相关PHP函数使用解析
2015/12/22 PHP
微信利用PHP创建自定义菜单的方法
2016/08/01 PHP
php分页查询的简单实现代码
2017/03/14 PHP
浅谈Yii乐观锁的使用及原理
2017/07/25 PHP
phpStorm+XDebug+chrome 配置详解
2019/04/01 PHP
PHP中有关长整数的一些操作教程
2019/09/11 PHP
thinkphp5 框架结合plupload实现图片批量上传功能示例
2020/04/04 PHP
jquery中:input和input的区别分析
2011/07/13 Javascript
如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
2013/07/09 Javascript
jQuery插件formValidator自定义函数扩展功能实例详解
2015/11/25 Javascript
javascript中new关键字详解
2015/12/14 Javascript
JavaScript小技巧整理篇(非常全)
2016/01/26 Javascript
js仿支付宝多方框输入支付密码效果
2016/09/27 Javascript
js字符串操作总结(必看篇)
2016/11/22 Javascript
基于$.ajax()方法从服务器获取json数据的几种方式总结
2018/01/31 Javascript
区别JavaScript函数声明与变量声明
2018/09/12 Javascript
[03:11]TI9战队档案 - Alliance
2019/08/20 DOTA
python的re模块应用实例
2014/09/26 Python
Python实现计算最小编辑距离
2016/03/17 Python
Django视图之ORM数据库查询操作API的实例
2017/10/27 Python
python实现拓扑排序的基本教程
2018/03/11 Python
Python WEB应用部署的实现方法
2019/01/02 Python
python中嵌套函数的实操步骤
2019/02/27 Python
Django使用unittest模块进行单元测试过程解析
2019/08/02 Python
浅析Python3 pip换源问题
2020/01/06 Python
pytorch 限制GPU使用效率详解(计算效率)
2020/06/27 Python
详解canvas.toDataURL()报错的解决方案全都在这了
2020/03/31 HTML / CSS
Joules官网:女士、男士和儿童服装和鞋类
2018/10/23 全球购物
如何用Lucene索引数据库
2016/02/23 面试题
预备党员表决心书
2014/03/11 职场文书
校园主题婚礼活动策划方案
2014/09/15 职场文书
公司停电通知
2015/04/15 职场文书
民间借贷借条如何写
2015/05/26 职场文书
Windows中Redis安装配置流程并实现远程访问功能
2021/06/07 Redis
MySQL表锁、行锁、排它锁及共享锁的使用详解
2022/04/02 MySQL
如何用六步教会你使用python爬虫爬取数据
2022/04/06 Python