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

Question

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

{"uptime":"44"}

在网址下可用：

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}} 表达式应该可以解决问题。