javascript - 从对象获取 JSON key - AngularJS

标签 javascript json angularjs

我有一个包含值映射的 JSON 对象。这些映射项的键是预定义的。我使用 ng-repeat 为每个 map 项目创建一个按钮,并通过 ng-click 将该项目传递给该方法。

为了执行某个调用,我现在需要该项目的 key 。我怎样才能获得给定项目的 key ?

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>

app.js

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

最佳答案

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

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

通过这种方式,您可以将项目的key传递给load函数。在此link ,您可以找到有关 ng-repeat 语法的更多详细信息。

关于javascript - 从对象获取 JSON key - AngularJS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58134213/

相关文章:

javascript - IE 中客户端的 XSLT,当使用 JQuery 加载 XSL 文档时,XSL 包含 javascript

javascript - 使用 html css & js 使用分区的汉堡包下拉菜单

php - Javascript 从数据库中获取值

json - AWS CloudFormation 链函数

angularjs - 如何通过 $http 将 angular-ui 的 typeahead 与服务器绑定(bind)以进行服务器端优化?

javascript - ReactJS Promise resolve() 不会将值传递给 .then() ,而是reject() 将值传递给 .catch()

javascript - jquery 代码适用于 codepen/jsfiddle 但不适用于 html 页面

javascript - 如何在javascript中合并具有相同值的json数组

javascript - AngularJS 指令数据被覆盖

javascript - Angular 返回 $$state 对象 - Angular 和 Kinvey