AngularJS $http.get JsonResult答案

【问题标题】：AngularJS $http.get JsonResultAngularJS $http.get JsonResult
【发布时间】：2015-05-30 17:11:48
【问题描述】：

我正在 AngularJS 文件中构建一个 dx 图表。我想在我的 ng 控制器中使用 $http.get。这是 AngularJS 文件。但是，当我尝试使用 $http.get 时，我仍然显示图表，但没有传入数据。如果我删除数据源中的 $http 参数和 $http.get，我可以使用 Json 显示我的数据从我的 URL 传入的格式。

AngularJS 文件

var app = angular.module('customCharts', ['dx']);

function ChartController($scope, $http) {
    $scope.productSettings = {
        dataSource: $http.get("http://localhost:53640/Home/PostChart"),
        title: 'Displays Product Costs for items in our Database',
        series: {
            argumentField: "Name",
            valueField: "Cost",
            type: "bar",
            color: '#008B8B'
        },
        commonAxisSettings: {
            visible: true,
            color: 'black',
            width: 2
        },
        argumentAxis: {
            title: 'Items in Product Store Database'
        },
        valueAxis: {
            title: 'Dollor Amount',
            valueFormat: 'currency'
        }
    }
}

【问题讨论】：

Programmers.SE 是关于软件设计、架构和工程过程的（参见help center）。调试和实现的问题属于 Stack Overflow（这个问题正在被转移到那里）。

标签： model-view-controller http angularjs

【解决方案1】：

希望您对controller 声明有疑问：

你可以修改你的代码如下：

var app = angular.module('customCharts', ['dx']);

app.controller('ChartController', ['$scope', '$http', function($scope, $http) {
    $scope.productSettings = {
        dataSource: $http.get("http://localhost:53640/Home/PostChart"),
        title: 'Displays Product Costs for items in our Database',
        series: {
            argumentField: "Name",
            valueField: "Cost",
            type: "bar",
            color: '#008B8B'
        },
        commonAxisSettings: {
            visible: true,
            color: 'black',
            width: 2
        },
        argumentAxis: {
           title: 'Items in Product Store Database'
        },
        valueAxis: {
           title: 'Dollor Amount',
           valueFormat: 'currency'
        }
    }
}]);

在这里查看语法：https://docs.angularjs.org/guide/controller

【讨论】：

【解决方案2】：

试试这个

function ChartController($scope, $http) {

    $http.get("http://localhost:53640/Home/PostChart").success(function (data) {

        $scope.productSettings = {
            dataSource: data,
            title: 'Displays Product Costs for items in our Database',
            series: {
                argumentField: "Name",
                valueField: "Cost",
                type: "bar",
                color: '#008B8B'
            },
            commonAxisSettings: {
                visible: true,
                color: 'black',
                width: 2
            },
            argumentAxis: {
                title: 'Items in Product Store Database'
            },
            valueAxis: {
                title: 'Dollor Amount',
                valueFormat: 'currency'
            }
        };
    });

}

【讨论】：