使用AngularJS从JSON键值对中提取值

Question

Angular的ngRepeat中有没有办法根据其键将值从JSON数组中提取出来。 我使用以下JSON结构，并希望为每个对象输出“名称2”的关联值。

{
  "Items": [
    {
      ...
      "Attributes": [
        {
          "Name": "Name 1",
          "Value": "123"
        },
        {
          "Name": "Name 2",
          "Value": "456"
        },
        {
          "Name": "Name 3",
          "Value": "789"
        }
      ]
    },
    {
      ...
      "Attributes": [
        {
          "Name": "Name 1",
          "Value": "987"
        },
        {
          "Name": "Name 2",
          "Value": "654"
        },
        {
          "Name": "Name 3",
          "Value": "321"
        }
      ]
    },
    {
      ...
      "Attributes": [
        {
          "Name": "Name 1",
          "Value": "246"
        },
        {
          "Name": "Name 2",
          "Value": "369"
        },
        {
          "Name": "Name 3",
          "Value": "135"
        }
      ]
    }
  ]
}

Answer 1

这样尝试

 angular.forEach(data.Items,function(value,key){
     angular.forEach(value,function(v){
       if(v.name == "Name 2")
         console.log(v);
     }
  })

Answer 2

这是一个例子。 它将打印“名称2”的值：

<body ng-app="myApp">

  <div ng-controller="myCtrl">
    <div ng-repeat="item in records.Items">
      <div ng-repeat="singleAttribute in item.Attributes">
        <div ng-if="singleAttribute.Name === 'Name 2'">
          {{singleAttribute.Value}}
        </div>
      </div>
    </div>
  </div>

<script>
  var app = angular.module("myApp", []);
  app.controller("myCtrl", function($scope) {
    $scope.records = {
      "Items": [
        {
          "Attributes": [
            {
              "Name": "Name 1",
              "Value": "123"
            },
           {
             "Name": "Name 2",
             "Value": "456"
           },
          {
            "Name": "Name 3",
            "Value": "789"
          }
        ]
      },
      {
        "Attributes": [
          {
            "Name": "Name 1",
            "Value": "987"
          },
          {
            "Name": "Name 2",
            "Value": "654"
          },
          {
            "Name": "Name 3",
            "Value": "321"
          }
        ]
      },
      {

        "Attributes": [
          {
            "Name": "Name 1",
            "Value": "246"
          },
          {
            "Name": "Name 2",
            "Value": "369"
          },
          {
            "Name": "Name 3",
            "Value": "135"
          }
        ]
      }
    ]
  };
});
</script>

</body>

使用AngularJS从JSON键值对中提取值

问题描述

2 个解决方案

解决方案1
0 2016-05-08 15:25:56

解决方案2
0 2016-05-08 15:39:10

使用AngularJS从JSON键值对中提取值

问题描述

2 个解决方案

解决方案1 0 2016-05-08 15:25:56

解决方案2 0 2016-05-08 15:39:10

解决方案1
0 2016-05-08 15:25:56

解决方案2
0 2016-05-08 15:39:10