angular.js http.get()服务不起作用

时间:2015-06-17 21:33:44

标签: javascript angularjs

我不确定我的错误在哪里,但是当我将数据放入单独的.json文件并使用$ http.get()来检索该数据时,我的散点图并非如此。 t可视化了。这是我的代码: http://plnkr.co/edit/bJE8qTG8CEI957xKMh6q?p=preview

特别是这些线条,我觉得我可能犯了一个错误:

$http.get('data.json').success(function(response){
    $scope.exampleData = response.data;

1 个答案:

答案 0 :(得分:0)

$http.get()工作正常。

以下是错误:

app.controller('ExampleCtrl', [$scope, $http, function ($scope, $http){

应该是

app.controller('ExampleCtrl', ['$scope', '$http', function ($scope, $http){

并且您的json不包含data道具,因此将$scope.exampleData = response.data;更改为此$scope.exampleData = response;

var colorArray = ['#000000', '#660000', '#CC0000', '#FF6666', '#FF3333', '#FF6666', '#FFE6E6'];
$scope.colorFunction = function(){ 
  return function(d, i){
    return colorArray[i]; 
  };
}

需要在控制器中;你得到$ scope是未定义的,如果它不是

修改

PSL是对的,对象中没有data道具,但原始的plnkr仍有错误。 get()工作得很好,正在回答OP问题。