AngularJS $ http.get JsonResult [英] AngularJS $http.get JsonResult

问题描述

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

I am building a dx-chart inside of an AngularJS file. I would like to use $http.get inside of my ng-controller. Here is the AngularJS file. However, when I try to use $http.get I still display the chart but there is not data passed in. If I remove the $http argument and $http.get in the dataSource, I am able to display my data using the Json format passed in from my 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'
        }
    }
}

推荐答案

试试这个

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'
            }
        };
    });

}

这篇关于AngularJS $ http.get JsonResult的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！