Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >AngularJS ng-选择使用对象属性及其值作为选项

AngularJS ng-选择使用对象属性及其值作为选项
EN

Stack Overflow用户
提问于 2014-12-03 14:44:51
回答 1查看 901关注 0票数 0

我试着用这种东西

代码语言:javascript
运行
AI代码解释
复制
{1: 'foo', 2: 'bar'}

ng-选择。我已经尝试了它为对象显示的文献中的所有四种选项,但我无法让它工作。我已经搜索过这类问题了,但我发现的都不符合我的目标。

代码语言:javascript
运行
AI代码解释
复制
<select ng-model="selectedCountry" ng-options="value for (key, value) in countries"></select>

在选择其中一个显示它正在使用的选择时,我猜对象id或索引,但作为值。我期望它在foo被选中时得到值1,在选中bar时得到值2。我试图将属性作为select的值。

柱塞例子。

这是,不是错误。即使在删除元素的ng前缀之后,它也不能以所需的方式工作。检查更新的柱塞链接。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-12-03 15:38:04

如果我正确理解了这个问题,给定{1: 'foo'},您希望下拉列表中显示foo,并在选择时输出1

这个选项会起作用:ng-options="key as value for (key, value) in countrieskey as将输出设置为key元素,value forvalue设置为下拉迭代器。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27283103

复制
相关文章
jquery属性值选择器
$("[attribute|='value']") 选择指定属性值等于给定字符串或改字符串为前缀(该字符串后跟一个连字符“-”)的元素。 attribute: 一个属性名 value: 一个属性值 $(function(){ $('a[hreflang|="en"]').css("border","2px solid red"); //查找hreflang属性值是英语的所有链接。}); $("[attribute*='value']") 选择指定属性具有包含一个给定的子
用户1197315
2018/01/19
1.4K0
第215天:Angular---指令
在 AngularJS 中将前缀为 ng- 这种属性称之为指令,其作用就是为 DOM 元素调用方法、定义行为绑定数据等
半指温柔乐
2018/09/11
3.4K0
AngularJS笔记「建议收藏」
AngularJS 通过 ng-directives 扩展了 HTML。
全栈程序员站长
2022/09/15
1.8K0
【C++】拷贝构造函数调用时机 ② ( 对象值作为函数参数 | 对象值作为函数返回值 )
" 拷贝构造函数 " 又称为 " 赋值构造函数 " , 该类型构造函数有 4 种调用时机 ;
韩曙亮
2023/10/15
4300
【C++】拷贝构造函数调用时机 ② ( 对象值作为函数参数 | 对象值作为函数返回值 )
Promise对象结果值属性介绍
在JavaScript中,Promise对象具有一个结果值属性,用于表示Promise对象的解析结果。该属性可以通过Promise对象的.then()方法中的回调函数参数来访问。结果值属性可以包含任何JavaScript数据类型,包括基本类型(如数字、字符串)和复杂类型(如对象、数组)。
堕落飞鸟
2023/05/23
1.1K0
【MATLAB】基本绘图 ( 句柄值 | 对象句柄值获取 | 创建对象时获取句柄值 | 函数获取句柄值 | 获取 / 设置 对象属性 | 获取对象属性 )
对象的句柄值 , 类似于编程时的引用 , 将对象的句柄值赋值给变量后 , 该变量就可以代表指定的绘图对象 ;
韩曙亮
2023/03/29
7.2K0
【MATLAB】基本绘图 ( 句柄值 | 对象句柄值获取 | 创建对象时获取句柄值 | 函数获取句柄值 | 获取 / 设置 对象属性 | 获取对象属性 )
Java反射,通过对象获取属性及属性值
在工作中,我们有时候会有很多重复的东西,唯一不一样的,可能就是对象不同,取字段什么的都是一样的。这个时候,就要不断的复制,然后修改对象。太狗屎了。那么有没有不用到处复制的呢?可以使用到Java反射来实现。
凯哥Java
2022/12/16
4.7K0
Java反射,通过对象获取属性及属性值
Django模板引擎中变量作为属性值调用
作者:matrix 被围观: 2,268 次 发布时间:2019-05-16 分类:Python 零零星星 | 4 条评论 »
HHTjim 部落格
2022/09/26
1.8K0
Django模板引擎中变量作为属性值调用
AngularJS简介
AngularJS是一个JavaScript矿建,他是一个JavaSscript编写的库。可以通过<script>标签添加到HTML页面。
全栈程序员站长
2022/09/16
5.2K0
AngularJS 指令
AngularJS 通过被称为指令的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令。 AngularJS 指令 AngularJS 指令是扩展的 HTML 属性,带有前缀ng-。 ng-app指令初始化一个 AngularJS 应用程序。 ng-init指令初始化应用程序数据。 ng-model指令把元素值(比如输入域的值)绑定到应用程序。 完整的指令内容可以参阅 AngularJS 参考手册。 AngularJS 实例 在输入框中尝
企鹅号小编
2018/01/26
3.6K0
[C#] winform显示对象的属性和值
一个电能表<见楼下>实体类大致如下所示: public class ElectricMeterVariable { /// <summary> /// 相电压数据,单位 0.1V /// </summary> [Category("相电压数据")] [Description("相电压数据,单位 0.1V")] public string Ua { get; set; } ///
科控物联
2022/03/29
3.3K0
[C#] winform显示对象的属性和值
angularJS学习之路(六)---指令
一个东西需要说明:根据HTML标准,布尔属性代表一个true或者false值,当这个属性出现的时候,这个属性的值就是true, 无论实际值是什么,如果未出现,这个属性的值就是false
wust小吴
2019/07/08
1.7K0
AngularJs指令解密
指令定义 在《AngularJs权威教程》中,指令可以简单理解成特定的DOM元素上运行的函数;我认为还可以理解成将将自定义的HTML标签解析成原始的标签,然后为其加入一些扩展的功能(函数). angularjs 提供了一个强大的扩展系统,通过指令机制,我们可以通过自定义指令来扩展自己的指令系统。 在AngularJS的核心里,指令可以绑定元素的属性(例如可见性,class列表,内部文本,内部HTML或者值)到scope的属性或表达式。最值得注意的是,一旦监测到scope中的变化被标记,这些绑定就会被更新。
双愚
2018/07/17
2.3K0
AngularJS 路由--设置对象
$routeProvider.when 函数的第一个参数是 URL 或者 URL 正则规则,第二个参数为路由配置对象。
陈不成i
2021/07/26
1K0
【react hooks】属性作为useState 初始值,属性改变useState 不改变问题?
发现visible 此时为ture ,界面也重新render了,但是modelVisible 为false。
星宇大前端
2022/03/09
2.2K0
作为window对象属性的元素 多窗口和窗体
如果html文档中用id属性为元素命名。并且如果 window对象没有此名字的属性,则window对象会赋予一个属性,其名字为id属性的值,其值指向该元素
mySoul
2018/08/05
2.2K0
通过属性选择器获取表单对象
通过一个简单的联系表单,通过表单对象属性选择器获取表单对象。 <!doctype html> <html> <head> <meta charset="utf-8"> <title>设计表单样式</title> <style type="text/css"> /*清除常用标签对象的默认边框,编剧和焦点线样式*/ body,div,h1,form,fieldset,input,textarea{margin:0; padding: 0;border: 0; outline: none;} /*定义
Petterp
2022/02/09
8800
Angular.js学习笔记 (二)
用A链接对象解析url的组成 var url = 'https://www.baidu.com:8080/aaa/1.html?id=10#name'; var aLink
HUC思梦
2020/09/03
1.3K0
巧用CSS属性值正则匹配选择器
这3种属性选择器是字符匹配,而非单词匹配。其中,尖角符号^、美元符号$以及星号*都是正则表达式中的特殊标识符,分别表示前匹配、后匹配和任意匹配。
张张
2020/03/11
2K0
巧用CSS属性值正则匹配选择器
AngularJS Select(选择框)
在 AngularJS 中我们可以使用 ng-option 指令来创建一个下拉列表,列表项通过对象和数组循环输出,如下实例:
陈不成i
2021/07/23
2.6K0

相似问题

AngularJS -ng-选项选择值

11

AngularJS:选择与ng-选项-如何传递值作为整数?

20

AngularJS ng-具有对象属性值和标题的选项

14

AngularJS ng-使用所有对象属性键的选项

13

Angularjs ng-使用数字作为模型的选项不选择初始值。

1210
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档