javascript - 在angularjs中使用来自rest服务的JSON对象

Question

我有一个返回 JSON 和一个数字的休息服务

{"uptime":"44"}

在 url 下可用:

http://localhost/uptime

我想使用 angularJS 在页面上显示这个值。

我写了一个资源来从这个 rest url 获取数据:

angular.module('utilService', ['ngResource']).
factory('UtilService', function($resource) {
    var UtilService = $resource('/uptime', { },
        {
            'get' : { method: 'GET', params: { format: '.json' } , isArray : false }
        }
    )


    UtilService.loadUptime = function(cb) {
        return UtilService.get();
    }

    return UtilService;
});

但是当我在 Controller 中使用它时:

angular.module('log', ['logService', 'utilService']);


function UptimeCtrl($scope, UtilService) {
    var time = UtilService.loadUptime();
    $scope.uptime = time;
}

我在我的页面上看到的只是 {"uptime":"44"}

我想我需要将接收到的对象提取/转换为 JSON 并获取它的“正常运行时间”属性。但我尝试了 JSON.parse、time.uptime、time['uptime'] 但没有成功。

我要么做错了什么，要么遗漏了一些基本问题。

Answer 1

$resource 只会返回服务器返回的任何对象，在使用 $resource 时您不能真正进行任何数据前/后处理。但即使没有解析数据，您也应该能够显示您需要的内容。以您的代码为例，模板中的 {{uptime.uptime}} 表达式应该可以解决问题。