javascript - 初学者通过控制台错误帮助Angular JS调试

AngularJS对我来说是新的（而且很难）。所以我想学习如何调试。
目前，我正在学习课程，弄乱了一些东西。想知道如何解释控制台错误并解决错误。

plnkr.co code

index.html

  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>

    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-controller="MainController">
    <h1>{{message}}</h1>

    {{ username }}
    <form action="searchUser" ng-submit="search(username)">
      <input  type="search"
              required placeholder="Username to find"
              ng-model="username"/>
      <input type="submit" value="search">
    </form>

    <div>
      <p>Username found: {{user.name + error}}</p>
      <img ng-src="http://www.gravatar.com/avatar/{{user.gravatar_id}}" title="{{user.name}}"/>
    </div>

  </body>

</html>

script.js

(function() {

  var app = angular.module("githubViewer", []);

  var MainController = function($scope, $http) {

    var onUserComplete = function(response) {
      $scope.user = response.data;
    };

    var onError = function(reason) {
      $scope.error = "could not fetch data";
    };

    $scope.search = function(username) {
      $http.get("https://api.github.com/users/" + username)
        .then(onUserComplete, onError);
    };

    $scope.username = "angular";
    $scope.message = "GitHub Viewer";   };

  app.controller("MainController", MainController);

}());

控制台只说

searchUser：1 GET http://run.plnkr.co/lZX5It1qGRq2JGHL/searchUser？ 404
（未找到）

任何帮助，将不胜感激。

最佳答案

在您的表单中，action您已经写了这个

<form action="searchUser"

这是什么，它将尝试使用currentHostName \ searchUser提交到url，因此在这种情况下，您正在测试plunker，因此要测试plunker url。

您可以更改提交表单的网址。如果您想明智地搜索Ajax，则甚至无需指定操作部分。您可以让您的服务/工厂代您致电。

关于javascript - 初学者通过控制台错误帮助Angular JS调试，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34172448/