Question

您好我想知道，是否从api接收数据。无论如何要检查它？我对angular.js完全是新手。我的代码：

<html ng-app>
<head>
   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
   <meta charset="utf-8">
   <meta http-equiv="Content-Type" content="text/html">
   <title>API Webapp using AngularJS - Not So Clever Demo</title>
   <link rel="stylesheet" type="text/css" media="all" href="css/styles.css">
</head>

<body ng-controller="GitHubCtrl">

  <p>{{user.results}}<p>;



<script>
   function GitHubCtrl($scope, $http) {
      $scope.getGitInfo = function () {
         $scope.userNotFound = false;
         $scope.loaded = false;

         $http.get("https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=-33.8670522,151.1957362&radius=500&types=food&name=cruise&key=MY_KEY")
      .success(function (data) {
         $scope.user = data;
         console.log(data);
         $scope.loaded = true;
      })
               .error(function () {
                  $scope.userNotFound = true;
               });

      }
   }
</script>

如果我犯了一些错误，请纠正我。并帮助我完成这项工作。我尝试使用警报查看数据，但我无法得到它。

Answer 1

Chrome有一个名为Batarang的插件可以帮到你。请看这里：https://chrome.google.com/webstore/detail/angularjs-batarang/ighdmehidhipcmcojjgiloacoafjmpfk?hl=en

Answer 2

您可以在html页面中执行以下操作： -

<pre>{{user}}</pre>

这将显示正在返回的整个用户对象。

另一件事是，你在$ scope的getGitInfo方法中做了所有事情，但它永远不会被调用，因此用户信息永远不会被填充。

除此之外，您的代码还有许多其他小问题。如果您提交了一个jsFiddle / plunker，我或其他人将能够为您解释并纠正它们。

Answer 3

请找到以下代码

<script>
           function GitHubCtrl($scope, $http) {
               console.log('hello')
              //$scope.getGitInfo = function () {
                 $scope.userNotFound = false;
                 $scope.loaded = false;

                 $http.jsonp("https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=-33.8670522,151.1957362&radius=500&types=food&name=cruise&key=MY_KEY" + $scope.username)
              .success(function (data) {
                 $scope.user = data;
                 console.log(data);
                 $scope.loaded = true;
              })
                       .error(function () {
                          $scope.userNotFound = true;
                       });

              //}
           }
        </script>

从外部链接抛出的错误：

<强>＆＃34; ERROR_MESSAGE＆＃34; ：＆＃34;提供的API密钥无效。＆＃34;，

angularjs如何查看范围数据以进行调试

3 个答案: