AngularJS的select设置默认值
在使用Angular时候使用select标签时会遇到绑定数据指定默认显示值可这样实现
<!DOCTYPE html>
<html ng-app="noteApp" ng-controller="noteCtrl">
<head>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../plugins/angular.min.js"></script>
</head>
<body ng-app="noteApp" ng-controller="noteCtrl">
<select ng-options="act.id as act.name for act in typeList"
ng-model="ZNoteVo.type"></select>
</body>
<script type="text/javascript">
angular.module("noteApp", []).controller("noteCtrl", function($scope) {
$scope.typeList = [ {
id : '01',
name : "任务"
}, {
id : '02',
name : "日志"
}, {
id : '03',
name : "会议"
}, {
id : '04',
name : "学习"
}, {
id : '05',
name : "总结"
}, {
id : '99',
name : "其他"
} ];
$scope.ZNoteVo={};
$scope.ZNoteVo.type = "03";
});
</script>
</html>
当我们选择类型是03时则默认是会议
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0125/8746/0b9d6033-d4b1-339c-8742-5102b6a946e8-thumb.png)
- 大小: 4 KB
分享到:
相关推荐
主要介绍了AngularJS select设置默认值的实现方法的相关资料,这里提供实现方法帮助大家实现这样的功能,需要的朋友可以参考下
本文主要给大家介绍了Angular2中select用法之设置默认值与事件的相关内容,分享出来供大家参考学习,下面来看看详细的介绍: 一、设置默认值: 现在有三个学生小明,小红,小黑,对双向绑定的student设置你想要的...
angularjs select2 多选, 多选类似autocomplete 查询选择 适用于前端开发者,也适用于程序开发人员 多选可适用很多场景,比如多用户选择等等
element-ui中的select下拉列表如何设置默认值? 在element-ui的运用中,涉及到了select下拉列表。项目中需要将select的默认值给展示出来 那如何修改呢? 上element-ui中的代码片段 请选择> label=item.label ...
主要介绍了解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
主要介绍了Mysql select语句设置默认值的方法,需要的朋友可以参考下
给Select One Choice设置默认值
angularjs自定义select组件,自定义option选项,并支持搜索查找功能。
下面小编就为大家分享一篇AngularJS select加载数据选中默认值的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
我最近在研究angularjs学习的道路上,那么今天也算个学习笔记吧! 1 ng-model=”standardCourse.showHours”代替name 2 ng-selected = “1”代替selected=”selected”,但问题是select下会多出一个无用的option 3 ...
如下所示: <select ng-model="selected" ng-options="x.id as x.name for x in users"></select> $scope.users = [ ...以上这篇angular select 默认值设置方法就是小编分享给大家的全部内
angularjs中select2使用demo,经过测试没问题。其中含有js,css文件
一、AngularJs中select绑定ng-model数字类型绑定问题 使用ng-model绑定select的时候默认是string字符串,如果指定的number值会绑定失败 举例说明: <body ng-app='module' ng-controller=myCtrl> 请选择性别...
再次更改代码的时候,因为城市下拉列表是从数据库查出来的,所以这时候就想到了一起以前用到的一个方法:select重新渲染 就是把未渲染的元素该怎么设置值还怎么设置值,然后把layer渲染出来的页面样式,从新再渲染一...
本文实例讲述了JS简单设置下拉选择框默认值的方法。分享给大家供大家参考,具体如下: //根据下拉对象默认选中后台对应的记录 function setSelectOption(objSelect, targetValue){ if(objSelect){ var options = ...
angularjs select3多选, 多选类似autocomplete 查询选择