javascript - Angular JS 中的嵌套 ng-repeat

Question

我有以下代码，我需要提取 a 的值于一切的发生。我要做的就是使用<span ng-repeat="x in carname">作为父元素，我不想这样做。我怎样才能获得 a 的值直接。

附注: $scope.carname无法审核

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.carname = [
    [{
      "a": 1
    }],
    [{
      "a": 2
    }],
    [{
      "a": 3
    }],
    [{
      "a": 4
    }]
  ];
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
  <span ng-repeat="x in carname">
    <h1 ng-repeat="y in x">{{y.a}}</h1>
  </span>
</div>

Answer 1

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.carname =[
        [{"a":1}],
        [{"a":2}],
        [{"a":3}],
        [{"a":4}]
    ];
})

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

<div ng-app="myApp" ng-controller="myCtrl">
  <div ng-repeat="cn in carname">
    {{cn[0].a}}
  </div>
</div>

您几乎可以在 carname 数组上运行一个循环，并且由于该数组中的每个元素都是另一个只有一个元素的数组，因此获取第一项 cn[0]，然后通过key找到value，即a。

当然，您始终可以使用嵌套的 ng-repeat 或将数据转换为其他格式，使其更易于显示。