首页 > 解决方案 > 从对象获取 JSON 密钥 - AngularJS

问题描述

我有一个包含值映射的 JSON 对象。这些地图项的键是预定义的。我使用ng-repeat为每个地图项创建一个按钮,并通过ng-click.

要执行某个调用,我现在需要该项目的密钥。如何获取给定项目的密钥?

JSON看起来像

"map": {
    "0": {
      "id": 1,
      "value": "123",
    },
    "1": {
      "id": 5,
      "value": "567",
    }
}

.html

<div ng-repeat="item in object.map">
    <button ng-click="load(item)" type="button">A</button>
</div>

应用程序.js

$scope.load= function(item) {
    // HOW TO GET THE KEY OF THE GIVEN MAP ITEM
};

标签: javascriptjsonangularjs

解决方案


您可以使用以下语法迭代此对象的属性,获取 pair (key, item)

<div ng-repeat="(key, item) in object.map">
    <button ng-click="load(key, item)" type="button">A</button>
</div>

这样,您将key项目的 传递给load函数。在此链接中,您可以找到有关ng-repeat.


推荐阅读