【问题标题】:AngularJS - How can I reference the property name within an ng-RepeatAngularJS - 如何在 ng-Repeat 中引用属性名称
【发布时间】:2012-06-12 20:01:06
【问题描述】:

除了呈现对象中的属性值之外,我还想将属性名称呈现为标签。有没有办法用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>

【问题讨论】:

    标签: angularjs angularjs-ng-repeat


    【解决方案1】:

    试试这个:

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

    【讨论】:

    • @Andy - 实际上,它们并不是那么好。他们需要更简单的实际代码示例,就像您在此处显示的那样。感谢您的回答,请继续向 StackOverflow 发帖;您的帖子确实帮助我了解了如何访问 AngularJS 文档。最好的问候和支持!
    • 这么简单但没想到:D tnx!
    • 如果我有一个像 --- myFunc(key) --- 需要键值的函数该怎么办,这将在 html 中显示名称键而不是值
    【解决方案2】:

    文档的问题在于它用那个空格写着(key, value)……我花了一些时间才弄清楚,因为它不起作用

    【讨论】:

    • 非常感谢。你说的对。逗号和值之间不能有空格。 (键,值)不是(键,值)。
    • 在 Angular 的较新版本中可能有所不同,但您可以在 (key, val) 之间留一个空格。我经常这样做。
    • 我发现 (key, value) 对我不起作用。你说这是因为空格吗???哎呀!不过谢谢。
    • 空间也适合我。
    • val vs value 影响空间?
    猜你喜欢
    • 1970-01-01
    • 2016-06-20
    • 2021-01-04
    • 2015-02-15
    • 2018-09-09
    • 2014-06-11
    • 1970-01-01
    • 2014-09-09
    • 1970-01-01
    相关资源
    最近更新 更多