AngularJS-如何在ng-Repeat中引用属性名称


134

除了呈现对象中属性的值之外,我还想将属性名称呈现为标签。有办法做到这一点ng-repeat吗?例如:

<ul>
    <li ng-repeat="option in data">{{propertyName}}: {{option}}</li>
</ul>

可能会吐出这样的东西:

<ul>
    <li>Name: John</li>
    <li>Phone: (123) 456-7890</li>
    <li>Country: England</li>
</ul>

Answers:


337

试试这个:

<ul>
    <li ng-repeat="(key,val) in data">{{key}}: {{val}}</li>
</ul>

30
@Andy-实际上不是很好。他们需要更简单的实际代码示例,如此处所示。感谢您的回答,请继续发布到StackOverflow;您的帖子确实帮助我了解了如何访问AngularJS文档。最好的问候和支持!
noogrub

这么容易,但没想到:D tnx!
2014年

如果我有一个函数--- myFunc(key)---需要该键值,该怎么办呢?我要向我显示html中的名称键而不是值
Nejmeddine Jammeli 2015年

28

文档的问题是它说(key, value)有那个空格...我花了一些时间才弄清楚那是因为它不起作用


1
非常感谢。你是对的。逗号和值之间不能有空格。(键,值)不是(键,值)。
乍得DeShon 2013年

9
也许新版本的Angular中的情况有所不同,但是您可以在之间添加一个空格(key, val)。这就是我经常这样做的方式。
EnigmaRM

我发现(键,值)对我不起作用。您是说是因为空白吗???真是的 但是,谢谢。
代码寿司2014年

2
同样适用于我的空间。
肖恩·劳松

val vs value影响空间?
Danny Mahoney
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.