angularjs - 在 angularjs 中使用 ng-repeat 访问嵌套数组

Question

JSFiddle

我无法访问嵌套集合中的数组图像。为什么我看不到任何输出？

该模型:

var obj = [{
    "id": "7",
    "date": "1 Jan",
    "images": ["507f42c682882", "507e24b47ffdb", "507e2aeca02d5", "507e2b19663a9"]
}, {
    "id": "7",
    "date": "1 Jan",
    "images": ["507f42c682882", "507e24b47ffdb", "507e2aeca02d5", "507e2b19663a9"]
}];

这是带有 ng-repeat 的 HTMl:

<ul>
    <li ng-repeat="img in item"> 
        <br /> 
        <li ng-repeat="img1 in img.images">{{img1}}</li>
    </li>
</ul>

任何人都可以指出我缺少的东西吗？

Answer 1

问题是您试图重复 li 的列表li 内的元素元素，这是无效的 HTML。因此，angular 不会呈现这个。

将您的 HTML 更新为:

<ul>
    <li ng-repeat="img in item"> 
        <ul>
            <li ng-repeat="img1 in img.images">{{img1}}</li>
        </ul>
    </li>
</ul>