2014-10-27 112 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]);