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>

回答:


337

これを試して:

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

30
@アンディ-彼らは実際にはそれほど素晴らしいものではありません。ここで示したような、より単純な実際のコード例が必要です。回答ありがとうございます。StackOverflowに投稿してください。あなたの投稿は、AngularJSドキュメントへのアクセス方法を理解するのに本当に役立ちました。よろしくと賛成!
noogrub

とても簡単ですが、考えていませんでした:D tnx!
Guntram 2014

--- myFunc(key)---のようなキー値が必要な場合の対処方法この値からは、名前ではなく値のhtmlでキー名が表示されます
Nejmeddine Jammeli

28

ドキュメンテーションの問題は(key, value)、そのスペースで言うことです...それが機能しないためにそれを理解するのにしばらく時間がかかりました


1
本当にありがとう。あなたが正しいです。コンマと値の間にスペースを入れることはできません。(キー、値)ではなく(キー、値)。
Chad DeShon 2013

9
Angularの新しいリリースでは状況が異なるかもしれませんが、間にスペースを置くことができます(key, val)。それが私のやり方です。
EnigmaRM 2013年

(キー、値)が機能しないことがわかりました。空白のせいですか??? もう!しかし、ありがとう。
code-sushi

2
スペースのある私にも適しています。
Shawn Lauzon 2014

スペースに影響を与える値と値?
Danny Mahoney 2016年
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.