如何获取角度资源以将数据作为json而不是单个字符返回？

Question

我有一个内置在padrino（ruby框架）中的API，它以json格式返回api数据，我正在它上面构建一个角度应用程序来读取/创建/更新/删除它。

当我在下面执行 console.log（data）时，我会通过字符输出获得可怕的资源字符，而不是我想要的某种漂亮的json格式。如何将其转换为json，以便我可以使用Angular视图中的数据来显示英雄列表？

我希望

json格式

类似的东西：

{[superhero_name：“蜘蛛侠”，身份证：“1”，年龄：“25”]}

实际输出

Resource {0: "[", 1: "{", 2: """, 3: "i", 4: "d", 5: """, 6: ":", 7: "1", 8: ",", 9: """, 10: "s", 11: "u", 12: "p", 13: "e", 14: "r", 15: "h", 16: "e", 17: "r", 18: "o", 19: "_", 20: "n", 21: "a", 22: "m", 23: "e", 24: """, 25: ":", 26: """, 27: "B", 28: "a", 29: "t", 30: "m", 31: "a", 32: "n", 33: """, 34: ",", 35: """, 36: "a", 37: "g", 38: "e", 39: """, 40: ":", 41: "3", 42: "0", 43: "}", 44: "]", $promise: Promise, $resolved: true}

角度代码

'use strict';

(function(angular) {
  function ApiAction($resource) {
    return $resource('/api/',
      { },
      { api_index: {
        method: "GET",
        isArray: false 
        }
      }
                    );
  }

  function heroCtr($scope, ApiAction) {

    $scope.heroes = ApiAction.api_index({}, {});
    $scope.heroes.$promise.then(function(data) {
      console.log(data);
    }, function(data) {
    });
  }

  var heroApp = angular.module('heroApp', ['ngResource']);
  heroApp.controller('heroCtr', ['$scope', 'ApiAction', heroCtr]);
  heroApp.factory('ApiAction', ['$resource', ApiAction]);
})(angular);