重复数组

Question

我正在使用AngularJS，并且在迭代数组时遇到问题。

我的下面的数据包含一个名为tags的子项作为数组：

$scope.documents = [{
    title: 'My First Report',
    tags: ['report', 'test'],
    modified: (new Date())
}, {
    title: 'My Second Report',
    tags: ['report', 'test'],
    modified: (new Date())
}];

我想要做的是遍历每个文档，然后循环遍历每个标记。

我能够毫无问题地遍历documents，但是当我尝试循环tags上的document属性时，它不会返回任何结果。

到目前为止，我已尝试过以下内容，这对我来说似乎合乎逻辑：

<li ng-repeat="document in documents">
  <p>{{document.title}}
    <li ng-repeat="tag in document.tags"> 
      <span>{{tag}}</span>
    </li>
   </p>
</li>

我已经制作了一个JSFiddle来展示我遇到的问题：

View JSFiddle Demo

我错过了什么吗？

Answer 1

您的语法不正确，您缺少ul，列表元素需要容器：

<div ng-app='AngularTestApp'>
    <div ng-controller="FileOpenCtrl">
        <ul class="unstyled">
            <li ng-repeat="document in documents">
                <p>{{document.title}}
                    <ul>
                        <li ng-repeat="tag in document.tags">
                            <span>{{tag}}</span>
                        </li>
                    </ul>
                </p>
            </li>
        </ul>
    </div>
</div>

演示： http://jsfiddle.net/8VJ6S/3/