Angular $http请求不返回Rails资源

Question

我想获取数据库中所有帖子的 JSON 对象。

这是模块：

angular
.module('AngularRails', [
    'ngRoute',
    'templates'
    ]).config(function($routeProvider) {
        $routeProvider
          .when('/', {
            templateUrl: 'home.html',
            controller: 'HomeCtrl'
          });
    });

控制器：

angular.module('AngularRails')
  .controller('PostsController', function($scope, $http) {
    var posts = $http.get('/posts.json').success(function(data){
      return data;
    });

    $scope.posts = posts;
  });

观点：

<h1>The Home View!</h1>

<ul>
  <li ng-repeat='post in posts'>
    {{ post.title }}
  </li>
</ul>

当我检查控制台时，我可以看到请求是针对指定的 URL 发出的（并且可以看到我想要的 JSON），但是它被深深地埋在了某个大对象中。

如何在无序列表中显示帖子？

编辑

根据 Dan 的建议，我已将控制器更改为：

angular.module('AngularRails')
  .controller('PostsController', function($scope, $http) {
    $http.get('/posts.json').success(function(data) {
      $scope.posts = data;
    });
  });

没有雪茄。

Answer 1

您要查找的数据将作为参数从$http 传递给成功回调。 $scope.posts 在您的示例中是整个 http 对象。试试这样的：

angular.module('AngularRails').controller('PostsController', function($scope, $http) {
    $http.get('/posts.json').success(function(postData, status, headers, config){
        $scope.posts = postData; // this is the JSON from the web request
    });

    // $scope.posts = posts; <-- this was the $http promise object
});

示例

Rails 控制器：

def list
  posts = { posts: %w(post1 post2 post3 post4) } # Or ActiveRecord query etc...

  respond_to do |format|
    format.json { render json: posts }
  end
end

Angualr 控制器：

$http.get('http://localhost:3000/posts/list.json').success (data) ->
    $scope.posts = data.posts
    console.log $scope.posts // ["post1", "post2", "post3", "post4"]