Javascript ng repeat无法正确执行angularjs

因此，我对angular是相当陌生的，我试图做的是获取一个json集合，该集合是从RESTful调用中获得的，并循环通过每个集合来显示它们的值，同时在a href中关联其指定id

下面您将看到我尝试过的内容：

<div class="span2">
        <!--Sidebar content-->

        Search: <input ng-model="query">
        Sort by:
        <select ng-model="orderProp">
            <option value="name">Alphabetical</option>
            <!--option value="age">Newest</option>
            <option value="-age">Oldest</option-->
        </select>

    </div>
    <div class="span10">
        <!--Body content-->
        <ul class="documents">
            <li ng-repeat="document in documents | orderBy:orderProp" class="thumbnail">
                <a href="#/rest/{{document.document_id}}">{{document.title}}</a>
            </li>
        </ul>
        <pre>{{ documents | json }}</pre>
    </div>

{
  "next": {},
  "items": [
    {
      "document_id": 3177554002,
      "title": "title of some item"
    }
]
}

当我运行页面时，我会得到我的列表，使用

如果ng repeat调用未能按我希望的方式列出我的数据，我到底在做什么

---

感谢帮助

参见：您想考虑使用路由器提供的RoLoVE属性。注意小GOTHA（它的解决方案有点过时，$DEFER已经被重命名为$TIMEOUT）

参见：您想考虑使用RouthValvor的RoLoVE属性。注意这个小问题（解决方案有点过时，$defer已重命名为$timeout）

基于您的JSON，我发现您的ng repeat不太正确。迭代时，您需要在documents对象内引用

items

数组，如下所示：

    function DocListCtrl($scope, $http)
{
    console.log('getting documents data');
    $http.get('/*RESTful call here*/').success(function(data)
    {
        $scope.documents = data;
    });
    $scope.orderProp = 'name';
}

---

或者，如果您想使其更简单，请将

数据.项目

绑定到

文档

，而不仅仅是

数据

，然后保留现有模板。这也将确保您的

orderBy

继续工作。

基于您的JSON，我发现您的ng repeat不太正确。迭代时，您需要在documents对象内引用

items

数组，如下所示：

    function DocListCtrl($scope, $http)
{
    console.log('getting documents data');
    $http.get('/*RESTful call here*/').success(function(data)
    {
        $scope.documents = data;
    });
    $scope.orderProp = 'name';
}

---

或者，如果您想使其更简单，请将

数据.项目

绑定到

文档

，而不仅仅是

数据

，然后保留现有模板。这也将确保您的

orderBy

继续工作。

您的JSON响应是什么样子的？您看到了什么错误？@MikeRobinson JSON已被删除added@szajs控制台中没有抛出特定错误。它只是无法在数据集中循环。您的JSON响应是什么样子的？您看到了什么错误？@MikeRobinson JSON已被删除added@szajs控制台中没有抛出特定错误。它只是无法循环遍历数据集。我在不到5分钟前才意识到这个问题，正在寻找答案。谢谢不到5分钟前，我才意识到这个问题，正在寻找答案。谢谢

<ul class="documents">
    <li ng-repeat="document in documents.items | orderBy:orderProp" class="thumbnail">
        <a href="#/rest/{{document.document_id}}">{{document.title}}</a>
    </li>
</ul>