Angularjs未捕获错误:[$injector:modulerr]
我收到未捕获错误:[$injector:modulerr]错误 文件夹的结构是:Angularjs未捕获错误:[$injector:modulerr],angularjs,Angularjs,我收到未捕获错误:[$injector:modulerr]错误 文件夹的结构是: AngularJS |---- index.html |---- notelist.html |---- index.js 此外,我添加了外部链接:angular-route.min.js,但仍然收到错误消息。有什么想法吗?提前谢谢 代码如下: Index.html <!doctype html> <html ng-app="noteApp"> <head>
AngularJS
|---- index.html
|---- notelist.html
|---- index.js
此外,我添加了外部链接:angular-route.min.js,但仍然收到错误消息。有什么想法吗?提前谢谢
代码如下:
Index.html
<!doctype html>
<html ng-app="noteApp">
<head>
<title>Angular - My Notes</title>
<style type="text/css">
input.blockInput {
display: block;
}
</style>
</head>
<body>
<h1>My Notes</h1>
<div ng-controller="Note">
<div ng-view></div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular-route.min.js"></script>
<script src="index.js"></script>
</body>
</html>
常春藤
我已经创建了一个plunker,您的代码运行良好
我在routeProvider中添加的一件事是另一件事
这也适用于您,但这是一个很好的做法
$routeProvider.otherwise({
redirectTo: '/'
});
如果有任何问题,请告诉我。在控制器定义之后,添加:
.run();
无论何时使用.config
,都必须调用run或bootstrap
如果您需要异步依赖项,您可以做的另一件事是添加到html的顶部:
window.name = 'NG_DEFER_BOOTSTRAP!'
然后,不要跑,而是打电话
angular.bootstrap(document, ['noteApp']);
异步加载完成后,调用:
angular.resumeBootstrap();
这些都有文档记录,但是在angular文档的更新版本中,似乎无法轻松访问
run()
vs auto bootstrapping文档。我最近不得不推迟chrome扩展的引导,它实际上解决了我在条件重定向中遇到的一些闪烁问题。控制台中的完整错误跟踪是什么?通常,你会给每条路由分配自己的控制器,所以我想知道这是否与此有关。特别是对于大型应用程序,“给每条路由分配自己的控制器”的含义是什么,当你定义路由(when()块)时,你会说templateUrl:sometemplate.html,controller:ControllerforhissSpecificView这很奇怪。我检查了你的plunk,它运行正常,但在我的plunk中,我也出现了同样的错误,直到我添加了.run()
。谢谢!但是当单击sumbit时,json消息不会更新Hanks!但是当单击sumbit时,json消息不会在plunker上更新?submit按钮显示json,但angular提供了双向绑定,因此所有输入或添加注释都会立即显示。
angular.bootstrap(document, ['noteApp']);
angular.resumeBootstrap();