Question

我有一个名为faces.json的JSON文件：

[ {
    "name" : "Name One"
  },
  {
    "name" : "Name Two"
  },
  {
    "name" : "Name Three"
  },
  {
    "name" : "Name Four"
  }
]

我正在尝试在AngularJS中执行GET请求，方法是给我的主控制器一个http依赖项，并将我的.get请求放在控制器中。

.controller('MainCtrl', function ($scope, $http) {
    $http.get('faces.json');
})

出于某种原因，我看不到faces.json文件出现在Chrome网络下的开发工具中。我做错了吗？

感谢任何帮助。提前谢谢！

Answer 1

Angularjs应用程序可以根据HTML文档自动引导。您必须在html标记中使用ng-app。

访问点击此处：plnkr.co/edit/NsMvWdPAJVxNPB2ZlI68?p =预览

Answer 2

您需要处理返回的承诺。来自Angular文档

$http.get('/someUrl').
 success(function(data, status, headers, config) {
   // this callback will be called asynchronously
   // when the response is available
 }).
 error(function(data, status, headers, config) {
   // called asynchronously if an error occurs
   // or server returns response with an error status.
 });

所以你的代码看起来像是：

.controller('MainCtrl', function ($scope, $http) {
    $http.get('faces.json').
       success(function(data){
          $scope.faces = data;
       }
})

您可以拥有更多代码来处理错误等，但这是最简单的实现。

$ http.get未在页面上显示

2 个答案: