在angularjs中使用來自rest服務的JSON對象

Question

我有一個休息服務返回JSON一個數字

{"uptime":"44"}

在網址下提供：

http://localhost/uptime

我想使用angularJS在頁面上顯示此值。

我寫了一個資源來從這個休息網址獲取數據：

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}}表達式應該可以解決問題。