angular.js http.get() 服务不工作

Question

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

特别是这些行，我觉得我可能犯了一个错误：

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

Answer 1

$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 问题。