角js酸化阵列

Question

我有一个角的js数组绑定到$scope对象。该数组是一个关联数组。数组的简单数组，我不知道如何遍历它的ng-重复。这是我的数组，我想获取子数组中第0索引上的每个文件的路径。我想要

files/file/img1.bmp，files/file1/img1.jpg，files/file2/img1.jpg

​

$scope.im = [

 ["files/file/img1.bmp", "files/file/img2.jpg", "files/file/img3.jpg", "files/file/img4.jpg", "files/file/img5.jpg", "files/file/img6.jpg", "files/file/img7.jpg", "files/file/img8.jpg", "files/file/img9.jpg"],
 
 ["files/file1/img1.jpg", "files/file1/img2.jpg", "files/file1/img3.jpg", "files/file1/img4.jpg", "files/file1/img5.jpg", "files/file1/img6.jpg", "files/file1/img7.jpg", "files/file1/img8.jpg", "files/file1/img9.jpg"],
 
 ["files/file2/img1.jpg", "files/file2/img2.jpg", "files/file2/img3.jpg", "files/file2/img4.jpg", "files/file2/img5.jpg", "files/file2/img6.jpg", "files/file2/img7.jpg", "files/file2/img8.jpg", "files/file2/img9.jpg"]
            
];

​

Answer 1

实际上不是一个关联数组，因为您没有值的键。

但是，给定您的代码，如果要迭代数组，只需使用：

<div ng-repeat="file in im"> 
    <!-- Now file is your list (e.g. ["files/file/img1.bmp", "files/file/img2.jpg"] -->
    <p>{{file[0]}}</p>
    <p>{{file[1]}}</p>
    <!-- and so on -->
</div>

并且您将获得数组中每个项的第一个元素。

Answer 2

从这些嵌套数组中显示图像可能很简单，下面是一个示例：

<div ng-repeat="childArray in im">
  <div ng-repeat="photos in childArray">
      <img src="{{items}}" alt="something" />
  </div>
</div>

Answer 3

尝尝这个。正如@Priyesh Kumar注释的那样，您应该使用嵌套的ng-repeat

  <div ng-repeat="key in im"> 
     <div ng-repeat="value in key"> 
        {{value}}
      </div>
   </div>