2014-10-27 38 views
0

请原谅我,但我是Angular的新手。我在AngularJS中遇到了$ http请求的问题。我究竟做错了什么?几乎和在教程中一样,但数据仍然没有获取。

var app = angular.module('TestApp', []); 
app.controller('TestController', [$http, TestController]); 

function TestController($http) { 
    var store = this; 
    store.personalInfo = []; 

    $http.get('/data.json') 
    .success(function(data){ 
     store.personalInfo = data; 
    }) 
    .error(function(){ 
     store.personalInfo = "Error occured"; 
    }); 
} 

这是我的观点:

<body ng-app="TestApp" ng-controller="TestController as test"> 
    <h1>Hello Plunker!</h1> 

    <p ng-repeat="item in test.personalInfo"> 
     {{ item.firstName }} 
    </p> 

    <script data-require="[email protected]" data-semver="1.2.25" src="https://code.angularjs.org/1.2.25/angular.js"></script> 
    <script src="script.js"></script> 
</body> 
+0

是否收到了错误在您的控制台?尝试使用断点追踪哪里有问题.. – 2014-10-27 10:42:49

回答

0

您必须使用引号注入,改变这种:

app.controller('TestController', [$http, TestController]); 

通过这样的:

app.controller('TestController', ['$http', TestController]);