为什么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服务不起作用？

回答

相关问题