如何使用ng-repeat从数组的数组中仅获取每个子数组的首个元素？

你的控制器代码完全没问题，问题出在视图里的ng-repeat写法上。你当前内层的ng-repeat="i in items"是在循环整个父数组，而不是外层循环拿到的子数组item，再加上你只需要每个子数组的第一个元素，所以可以这么修改视图代码：

修正后的视图代码 #

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

这样运行后，就会依次打印出1、4、7啦。

如果之后你需要遍历某个子数组的所有元素，只需要把内层的ng-repeat改成循环当前的item就行，比如：

<div ng-repeat="item in items">
  <p>子数组第一个元素：{{item[0]}}</p>
  <ul>
    <li ng-repeat="i in item">{{i}}</li>
  </ul>
</div>

这个例子会先显示每个子数组的第一个元素，再列出该子数组的所有元素。

内容的提问来源于stack exchange，提问作者user9664067