$ http.get在Angular中的請求不起作用

Question

原諒我，但我是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="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>

Answer 1

您必須使用帶有引號的注入，更改此：

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

這樣：

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

$ http.get在Angular中的請求不起作用

問題描述

1 個解決方案

解決方案1
0 2014-10-27 11:13:26

$ http.get在Angular中的請求不起作用

問題描述

1 個解決方案

解決方案1 0 2014-10-27 11:13:26

解決方案1
0 2014-10-27 11:13:26