当前位置: 首页 > 知识库问答 >
问题:

如何使用AngularJS[duplicate]正确显示键值对

宁良平
2023-03-14

如何使用AngularJS正确显示键值对?

这是我的HTML:

<ul class="item-property-list">
    <li ng-repeat="(key, value) in item.item_properties">
    {{key.key}} <strong>&nbsp;{{value.value}}</strong>
    </li>
</ul>

以下是JSON数据:

"item_properties":
          [
                        {
               "key": "Size",
               "value": "S"
            },
                        {
               "key": "Color",
               "value": "Red"
            }
         ]

以下是输出:

S Red

我想要:

Size: S
Color: Red

共有2个答案

壤驷凯
2023-03-14

(键,值)用于迭代具有键和值的对象。item_properties是一个数组,因此请正常重复。然后获取重复的对象并访问其上的“key”属性。请注意,您的“key”属性不是 KVP 意义上的密钥。在{color:'red'}中,颜色是一个真正的键。

<ul class="item-property-list">
    <li ng-repeat="item_property in item.item_properties">
    {{item_property.key}} <strong>&nbsp;{{item_property.value}}</strong>
    </li>
</ul>
解阳泽
2023-03-14

直接访问即可:

 <li ng-repeat="element in item.item_properties">
    {{element.key}} <strong>&nbsp;{{element.value}}</strong>
    </li>
 类似资料:
  • 问题内容: 查看实时代码: 角JS 到底如何正确遍历嵌套键值对并正确输出,如下所示? 我要的是一棵像这样的树 当前视图是: JS: HTML: 问题答案: 您非常接近,我更新了小提琴。http://jsfiddle.net/y9wj6/9/

  • 我有一个,我需要在其中显示孟加拉语文本,例如: বাংলাদেশ 但是我只能看到长方形的盒子。我怎么才能正确地展示孟加拉文字呢?

  • 本文向大家介绍如何使iOS UIWebView正确显示移动网站?,包括了如何使iOS UIWebView正确显示移动网站?的使用技巧和注意事项,需要的朋友参考一下 要正确显示移动网站,请尝试以下修复: 您还可以设置以下内容:

  • 我有两个不同类型的对象,我想用一个对象指定另一个。 的接口有一个,而到

  • 问题内容: 我正在运行Windows 7,并使用python脚本将一些阿拉伯语字符串输出到Windows cmd。这是我得到的: 如何配置cmd正确显示阿拉伯字符串? 问题答案: 将您的代码页更改为要输出的编码: 这是Windows的阿拉伯语代码页如果您要输出其他编码,则只需在代码页的整个列表中找到它们,然后更改为命令中所需的标识符即可。 提示:UTF-8是65001 注意:要显示以外的其他字符,

  • 本文向大家介绍如何使用JavaScript显示确认消息?,包括了如何使用JavaScript显示确认消息?的使用技巧和注意事项,需要的朋友参考一下 确认对话框通常用于征得用户对任何选项的同意。它显示一个带有两个按钮的对话框:取消。 如果用户单击“确定”按钮,则窗口方法确认()将返回true。如果用户单击“取消”按钮,则返回false。 示例 您可以尝试运行以下代码以在JavaScript中实现确认