Question

我是AngularJS的新手。我从URL here

下载AngularJS主题

我必须从GET服务获取数据。 GET服务URL如下所示

http://localhost:8080/api/getHostStatus

运行正常。

所以我必须使用此URL并从该服务获取数据，我只需更改 VisitorsController.js中的代码 VisitorsController.js文件代码如下所示

(function () {
    angular
        .module('app')
        .controller('VisitorsController', [
            VisitorsController
        ]);

    function VisitorsController() {
        var vm = this;
        // TODO: move data to the service
        var servicesUrl = app.serviceCallUrl+'getHostStatus';
        console.log(servicesUrl);
        var myService = angular.module("app").factory("myService", ['$http', function($http) {
            return {
                getResponders: (function(response) {
                    return $http.get(servicesUrl).then(function(response) {
                        console.log(response.data);
                        return response.data;
                    });
                })()
            };
            return myService;
        }]);

        vm.visitorsChartData = [ {key: 'UP', y: 5264}, { key: 'Critical', y: 3872},{key: 'Warning', y: 1000} ];

        vm.chartOptions = {
            chart: {
                type: 'pieChart',
                height: 210,
                donut: true,
                x: function (d) { return d.key; },
                y: function (d) { return d.y; },
                valueFormat: (d3.format(".0f")),
                color: ['rgb(0, 150, 136)', '#E75753','#fbbc05'],
                showLabels: false,
                showLegend: false,
                title: 'Over 9K',
                margin: { top: -10 }
            }
        };
    }
})();

当我运行它时，它会在控制台上显示正确的servicesUrl。但是response.data没有显示在控制台上。

所以请指导我如何解决它。

AngularJS从服务URL

0 个答案: