Javascript $http.get请求在Angular中不起作用_Javascript_Angularjs

Javascript $http.get请求在Angular中不起作用

javascript angularjs

Javascript $http.get请求在Angular中不起作用,javascript,angularjs,Javascript,Angularjs,原谅我，我是个新手。AngularJS中的$http请求有问题。我做错了什么？几乎和教程中一样，但仍然无法获取数据 var app = angular.module('TestApp', []); app.controller('TestController', [$http, TestController]); function TestController($http) { var store = this; store.personalInfo = []; $h

原谅我，我是个新手。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="angular.js@1.2.25" data-semver="1.2.25" src="https://code.angularjs.org/1.2.25/angular.js"></script>
    <script src="script.js"></script>
</body>

必须使用带引号的注入，请更改此选项：

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

据此：

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

您的控制台中是否收到错误？请尝试使用断点跟踪您在哪里遇到问题。。