在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;
}

我在页面上看到的只是{"正常运行时间":"44"}

我想我需要将接收到的对象提取/转换为JSON并获得它'uptime'属性.但是我尝试了JSON.parse,time.uptime,time ['uptime']而没有成功.

我要么做一些完全错误的事情,要么在这里遗漏一些基本问题.

Answer 1

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