使用 Angular ng-repeat 迭代多层数组答案

【问题标题】：Use Angular ng-repeat to iterate over multi-tiered array使用 Angular ng-repeat 迭代多层数组
【发布时间】：2017-06-09 05:54:12
【问题描述】：

我正在努力让一个数组以我想要的方式出现。

我有：

$scope.array = [["one", "two", "three", "four"], "five"],["six", "seven", "three", "four"], "two"]];

我想遍历并显示第一个数组中的字符串。我想显示：

一二三四六七三四

目前我有以下内容：

<p ng-repeat="a in array">{{a[0]}}</p>

但它的出现是：

["one", "two", "three", "four"]

["six", "seven", "three", "four"]

我尝试了一个过滤器来删除引号等，但它不断拉起另一个数组。

【问题讨论】：

标签： javascript angularjs arrays

【解决方案1】：

这样试试

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

数组应该是这样的

 $scope.array =
 [
   [["one", "two", "three", "four"], "five"],
   [["six", "seven", "three", "four"], "two"]
 ];

var app = angular.module('app', []);
app.controller('main', ['$scope', function($scope) {
  $scope.array = [
    [
      ["one", "two", "three", "four"], "five"
    ],
    [
      ["six", "seven", "three", "four"], "two"
    ]
  ];
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller=main>
  <div ng-repeat="item in array">
    <div ng-repeat="a in item[0]">
      {{a}}
    </div>
  </div>
</div>

【讨论】：

你先得到它 :)
感谢您的回复。我试过了，我正在显示整个数组。即[“一”、“二”、“三”、“四”]、“五”
@Vinoth，嗨，对不起，我不知道 node.js。