爲什麼Angular的$ http.get服務不起作用？

-1

我遇到一個例子，我在W3Schools上找到關於Angular服務的例子，在這個特定情況下$ http.get one。

我有一個json.php文件在那裏我有下一個JSON：

{ 
    "bands": [ 
    { 
     "name": "Red hot chilli peppers", 
     "year": "2009", 
    }, 
    { 
     "name": "Maroon 5", 
     "year": "2005", 
    }, 
    { 
     "name": "ACDC", 
     "year": "2000", 
    } 

    ] 
}

和角和HTML代碼應遍歷對象，並顯示出它的數據，但它不工作：

的JavaScript

var serviceTestApp = angular.module('myapp3', []); 
    serviceTestApp.controller('controller3', function($scope, $http){ 
     $http.get('json.php').then(function(response){ 
      $scope.myData = response.data.bands; 
     }); 
    });

HTML

<div ng-app='myapp3' ng-controller='controller3'> 
    <ul> 
    <li ng-repeat='x in myData'> 
     {{x.name}} 
    </li> 
    </ul> 
</div>

我在做什麼錯在這裏？我使用Angular 1.5.0

來源

2016-03-03 Ionut

console.log（response.data.bands）;控制檯它是什麼輸出？ – Maheshvirus

返回什麼錯誤？處理你的錯誤...'$ http.get（'json.php'）。then（function（response）{scope.myData = response.data.bands; }，function（error）{ // Output錯誤到控制檯 console.log（錯誤）; ）;' –

請把一個可達的json.php鏈接作爲jsut json.php將無法在這裏工作我無法調試您的問題 –

當你的意思是不工作時，你的意思是什麼？你的意思是說成功了，但是沒有回報你想要的東西？在這種情況下，您可能會指向對象中的錯誤事物。或者它會拋出一個錯誤？

你應該構建這樣的：

$http.get('json.php').then(function(response){ 
    // Place a debugger statement here to see if it's successful 
    $scope.myData = response.data.bands; 
}, function(error) { 
    // No breakpoint needed as you'll see the error in the console window 
    console.error(error); 
});

另外一個原因可能是你沒有在正確的地方文件。 json.php表示我希望它與控制器位於同一個文件夾中。

來源

2016-03-03 12:00:56 Katana24

爲什麼Angular的$ http.get服務不起作用？

回答

相關問題