对于每对键值显示键下的值

Question

有一个具有这种形式的对象：

anObject = {name_1 : [4], 
            name_2 : [1], 
            name_3 : [5, 1, 2], 
            name_4 : [3, 4],  
};

左侧是属性的名称，右侧是数值数组（一个或多个值）。

我想像这样给他们看：

name_1 
  - 4
name_2
  - 1
name_3 
  - 5
  - 1
name_4
  - 3 
  - 4

我可以使用 ng-repeat 打印 name_，如下所示：

<div ng-repeat="(key, value) in $ctrl.anObject ">{{key}}</div>

我也可以这样显示数值：

<div ng-repeat="(key, value) in $ctrl.editAlertsByType">{{key}} - {{value}}</div>

但我想把它们放在钥匙下面。可能吗？

Answer 1

你拉出来的

value是一个数组，所以用第二个ng-repeat显示。这是一个例子：

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.anObject = {
    name_1: [4],
    name_2: [1],
    name_3: [5, 1, 2],
    name_4: [3, 4],
  };
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

<div ng-app="myApp" ng-controller="myCtrl">
  <div ng-repeat="(key, value) in anObject">
    {{key}}
    <div ng-repeat="x in value">
      - {{x}}
    </div>
  </div>
</div>

Answer 2

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

<body ng-app="myApp" ng-controller="myCtrl">

<div ng-repeat="(key, value) in records">{{key}}
<div >{{value.toString()}}</div>
</div>


<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
  $scope.records = {
    "key":[1],
    "key2":[1,2],
    "key3":[1,2,3]
  }
});
</script>

对于每对键值显示键下的值

For each pair of key-values show the values under the key

javascript

angularjs

angularjs-ng-repeat