Question

我在W3Schools上找到关于Angular服务的示例时遇到问题，在这个特定情况下为$ http.get。

我有一个json.php文件，我有下一个JSON：

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

  ]
}

Angular和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

Answer 1

当你的意思是不工作时，你究竟是什么意思？你的意思是它成功但不回报你想要的东西吗？在这种情况下，您可能指向对象中的错误内容。还是会抛出错误？

你应该像这样构建它：

json.php

另一个原因可能是您没有正确的文件。 wait()表示我希望它与控制器位于同一文件夹中。

为什么Angular的$ http.get服务不起作用？

1 个答案: