gpt4 book ai didi

javascript - AngularJS 路由不起作用,但没有抛出错误

转载 作者:行者123 更新时间:2023-11-28 15:15:12 25 4
gpt4 key购买 nike

我正在关注这个video tutorial并在匆忙中搞砸了一些事情。问题是我摆脱了我犯的所有错误,但它仍然无法按预期工作。搜索表单框不显示。

完整代码可以在这里找到:plnkr code

index.html

<!DOCTYPE html>
<html ng-app="githubViewer">

<head>
<script data-require="angular.js@1.4.8" data-semver="1.4.8" src="https://code.angularjs.org/1.4.8/angular.js"></script>
<script data-require="angular-route@*" data-semver="1.4.8" src="https://code.angularjs.org/1.4.8/angular-route.js"></script>
<link rel="stylesheet" href="style.css" />

<script scr="app.js"></script>
<script src="MainController.js"></script>
<script src="github.js"></script>
</head>

<body >
<h1>Gihub Viewer</h1>
<div ng-view></div>
</body>

</html>

app.js

(function(){

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

app.config(function($routeProvider){
$routeProvider
.when("/main", {
templateUrl: "main.html",
controller: "MainController"
})
.otherwise({redirectTo:"/main"});
});

}());

ma​​in.html

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

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

最佳答案

问题是您正在 Controller 和工厂代码中重新定义模块:

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

而不是获取创建的模块:

var app = angular.module("githubViewer");

模块应该创建一次,然后检索并添加 Controller 、配置、工厂等...

Here一些帮助。

关于javascript - AngularJS 路由不起作用,但没有抛出错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34299003/

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