javascript - AngularJs : Restangular

Question

我刚刚发现了 Angular“Restangular”库，天哪，它看起来确实很棒!然而，当我用它执行一些简单的 GET 请求时，我遇到了麻烦。我只是在试验并尝试从我的 API 路由之一返回 JSON 对象列表。对服务器的 GET 请求已成功发出，但是当我尝试将结果绑定(bind)到 $scope 对象并显示它们时，我似乎无法让它工作。请参阅我的 Controller 脚本，我在其中初始化并使用 getList() 方法来检索对象列表。

angular.module("app")
    .controller("BlogsController", function ($scope, $location, Restangular) {
    var Blogs = Restangular.all("blogs");
    $scope.list = function () {
        $scope.blogs = Blogs.getList("blogs");
    }

我已经在 HTML 页面上绑定(bind)初始化了“list()”函数，并使用 ng-repeat 指令循环遍历所有 JSON 对象。下面是我的 HTML 标记:

<tr data-ng-repeat="blog in blogs">
    <td>{{blog.title}}</td>
    <td>{{blog.category}}</td>
    <td>{{blog.author}}</td>
    <td>{{blog.content}}</td>
    <td>{{blog.createdOn}}</td>
</tr>

我对 AngularJs 框架非常陌生，想知道是否有人知道我面临的潜在问题。请发表评论并让我知道需要修复什么。所有答案将不胜感激，谢谢。

Answer 1

您必须使用 getList() 返回的 promise 的 $object 属性。这是解决 Promise 时 HTTP 响应中的值将被填充的位置。

$scope.blogs = Blogs.getList("blogs").$object;

另一种更明确且不那么“神奇”的获取值的方法是将回调附加到 getList() 返回的 Promise，当 Promise 得到解析时将调用该回调:

Blogs.getList("blogs").then(function(blogs) {
    // Success callback
    $scope.blogs = blogs;
}, function(error) {
    // Error callback
    console.log("we had an error here ...");
});