下拉框默认的值为 key-value 对中的 value ,也可以用 as 来修改下拉框的值。

也就是 x for (x, y) 相当于是 y as x for (x, y)。

as 前面的为下拉框的值,后面的为下拉框显示的内容。

​也可以不使用key-value 对中的 value 作为下拉框的值, 直接使用对象的属性,代码示例:

使用 ng-options 创建下拉列表,选中的值是一个对象:

你选择的是: {{selectedSite}}

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {

$scope.sites = {

site01 : {site : "Google", url : "http://www.google.com"},

site02 : {site : "Runoob", url : "https://www.runoob.com"},

site03 : {site : "Taobao", url : "http://www.taobao.com"}

};

$scope.selectedSite = $scope.sites.site02.url; //设置第2个为初始值;

});

kindaries

kindaries

kin***ies@qq.com2年前 (2018-10-08)

angular js 默认选中_AngularJS Select(选择框)相关推荐

  1. vue.js 默认选中select_vue select二级联动第二级默认选中第一个option值的实例

    当二级联动比如选择国家的时候,希望选中一个国家的时候后面城市默认选中第一个城市,则给国家的select加一个@change事件就可以了 所在区域 {{item.country}} {{item}} d ...

  2. html下拉框代码默认选中状态,select默认不选中 html select 默认不选择

    html select 默认不选择 html中,select会默认选择第一个选项,如果要不选择,可以将第一个选项命名为"==请选择=="或空即可. select简介: select ...

  3. 纯CSS调整select选择框高度,兼容IE/Firefox/Opera/Safair/Chrome

    在IE下直接用height.border定义select没有效果,目前大部分情况都是用js进行模拟,其实css也是可以做得到的,原理很简单,隐藏select选择框的原生边框,再用其他元素模拟内边距及边 ...

  4. 解决小米2s手机 select选择框问题

    解决小米2s手机 select选择框文本内容不能改变中学习到的 时间:2015-07-17 项目:甘肃银行-手机银行 问题记录:有一组选择框,第一个选择框选择存储类型(零存整取.整存整取.定活两便), ...

  5. AngularJs 基础教程​ —— Select(选择框)

    为什么80%的码农都做不了架构师?>>>    本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:AngularJs 基础教程 -- Select(选择框) Angula ...

  6. select选择框实现跳转

    select选择框实现跳转 零.启示 1.启示把bom里面的几个对象稍微有点印象,那么主干有了,学其它的就感觉添置加瓦,很简单 就是关注树木的主干 2.万能的百度,不过当然要你基础好学得多才能看得懂, ...

  7. Antd点击select选择框,页面滚动,选项跟着滚动

    遇到问题如下: 做项目时,采用antd与react技术方案,需要实现选择一个select选择框,发现点击select选择框时,滚动页面,选项内容整体跟着页面滚动,而select选择框不动,如图: 解决 ...

  8. vue.js 默认选中select_vue.js 解决v-model让select默认选中不生效的问题

    笔者今天在开发中遇到一个看起来很神奇的问题,平时编辑的页面我们select下拉选框利用vue.js 的v-model来实现自动选中,今天无论如何都选不中,后来经过很久的复查和大神的一句话终于解决这个这 ...

  9. css修改select选择框option被选中的背景颜色_这 16 个 CSS 伪类,助你提升布局效率!

    作者:Chidume Nnamdi 译者:前端小智 来源:mediuum 大家都说简历没项目写,我就帮大家找了一个项目,还附赠[搭建教程]. css 伪类是用于向某些选择器添加特殊的效果,是动态的,指 ...

最新文章

  1. 快速系统从零学习OpenCV 4路线图
  2. $HOME/$user/.权限导致用户无法登陆图形界面
  3. 听说面试很少有人答出:距离最近点对问题
  4. 计算机考试c语言真题及答案,计算机二级c语言考试试题及答案
  5. springBoot(5)---单元测试,全局异常
  6. Java阻塞队列的实现
  7. C#【必备技能篇】Win10 查看 DLL 中的函数
  8. mysql 优化sql语句的几种方法
  9. mysql 数据库管理认证_走进mysql数据库认证证书
  10. linphone 回声消除
  11. python 做网站的工具_程序员最爱的网站克隆爬取工具- HTTrack
  12. 使用c语言打印九九乘法表
  13. 小程序员的不完整大学回忆3
  14. JavaScript的ES3, ES5, ES6实现继承方式
  15. 计算机中的windows任务管理器在哪,window任务管理器在哪,windows7如何重装
  16. mac下vscode代码格式化及其他常用快捷键
  17. 18岁创业从哪入手?读透这5点则事半功倍!
  18. 计算机组成原理实验存储器部件实验,实验4存储器部件实验.doc
  19. 多读书,更要多多悦读
  20. 阿里云邮免费企业邮箱使用smtp发送邮件失败(SMTP开启、配置问题)

热门文章

  1. 如何把表格做成源代码_他来了,他来了,文字、表格、公式图片识别神器V0.1测试版...
  2. swift面向对象之多态与继承
  3. 教师网络计算机研修日志,教师网络研修日志
  4. docker 修改阿里镜像源_使用阿里云容器镜像服务托管私有Docker镜像
  5. python reduce函数_Python reduce()函数的用法小结
  6. mybatis mysql 调用存储过程 多个返回值_图解MyBatis的SQL执行流程(干货)
  7. java 配置jmstemplate_SpringBoot集成JmsTemplate(队列模式和主题模式)及xml和JavaConfig配置详解...
  8. python内置输入函数_python内置函数 print()
  9. mysql udf提权hex_Mysql_UDF提权
  10. 【数据库】Mysql函数DATE_FORMAT() 显示日期/时间