如何使用NG-重复迭代在AngularJS映射条目 [英] How to use ng-repeat to iterate over map entries in AngularJS

问题描述

你会如何遍历条目地图这样，无论是入门键和值可以打印？例如，我想要做这样的事情：

 ＆LT; UL＆GT;
    ＆LT;李NG重复='mapEntry在{名：约翰，姓：史密斯}'＆GT;
        ＆LT;跨度＆GT;关键：{{mapEntry.key}}，值：{{mapEntry.value}}＆LT; / SPAN＆GT;
    ＆LT; /李＆GT;
＆LT; / UL＆GT;
 

解决方案

从文档 ，我发现这个语法如下：

 ＆LT; UL＆GT;
    ＆LT;李NG重复='（键，值）{名：约翰，姓：史密斯}'＆GT;
        ＆LT;跨度＆GT;关键：{{键}}，值：{{}值}＆LT; / SPAN＆GT;
    ＆LT; /李＆GT;
＆LT; / UL＆GT;
 

How would you iterate over the entries in map such that both the entry key and the value can be printed? For example, I'd like to do something like this:

<ul>
    <li ng-repeat='mapEntry in {"First Name":"John", "Last Name":"Smith"}'>
        <span>Key: {{mapEntry.key}}, value: {{mapEntry.value}}</span>
    </li>
</ul>

解决方案

From the docs, I found this syntax works:

<ul>
    <li ng-repeat='(key, value) in {"First Name":"John", "Last Name":"Smith"}'>
        <span>Key: {{key}}, value: {{value}}</span>
    </li>
</ul>

这篇关于如何使用NG-重复迭代在AngularJS映射条目的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！