gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 18:52:59 24 4
gpt4 key购买 nike

AngularJS 对我来说是新的(而且很困难)。所以我想学习如何调试。目前我正在学习一门类(class),但搞砸了一些事情。想知道如何解释控制台错误并解决错误。

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>

脚本.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 (Not Found)

如有任何帮助,我们将不胜感激。

最佳答案

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

<form action="searchUser"

它的作用是尝试提交到带有 currentHostName\searchUser 的 url,因此在这种情况下,您正在 plunker 上进行测试,因此是 plunker url。

您可以更改提交表单的 URL。如果您想明智地搜索 ajax,那么您甚至不需要指定操作部分。您可以让您的服务/工厂为您调用电话。

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

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com