Angular JS - ng-repeat来自数组数组的第一个元素

Question

我有一组像这样的数据

matriceA()

我想做一个ng-repeat，它只取出主数组中每个数组的第一个元素（换句话说，只是颜色，而不是数字）。到目前为止我制作了这段代码

$scope.data = [
["Orange", 3],
["Blue", 2],
["Pink", 1],
["Red", 1],
["Black", 2],
];

你可以找到一个jsFiddle here

我尝试使用<div ng-controller="myCtrl"> <div ng-repeat="color in data"> <div ng-repeat="n in color"> {{n}} </div> </div> </div> ，但输出不是所需的。任何想法将不胜感激。谢谢！

Answer 1

试试这个：

<div ng-repeat="item in data">
    {{item[0]}}
</div>

Answer 2

将模板更改为：

<div ng-controller="myCtrl">
   <div ng-repeat="color in data">
      <div>
         {{color[0]}}
      </div>
   </div>
</div>

您只需要第一项，因此无需使用ng-repeat。只需直接访问它！