当使用angular 1.2而不是1.07时,下面这段代码就不再有效了,为什么?
'use strict';
var app = angular.module('myapp', []);
app.config(['$routeProvider', '$locationProvider',
function($routeProvider, $locationProvider) {
$locationProvider.html5Mode(true);
$routeProvider.
when('/', {
templateUrl: 'part.html',
controller: 'MyCtrl'
}).
otherwise({
redirectTo: '/'
});
}
]);
问题出在注入器配置部分(app.config):
Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.0rc1/$injector/modulerr?p0=muninn&p1=Error%…eapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.0rc1%2Fangular.min.js%3A31%3A252)
如果我没记错的话,这个问题是从angular 1.1.6开始的。
如果你浏览angularjs的官方教程https://docs.angularjs.org/tutorial/step_07
注意:从AngularJS的1.2版本开始,ngRoute就独立了
模块,必须通过加载额外的angular-route.js来加载
文件,我们通过上面的Bower下载。
另外请注意ngRoute api https://docs.angularjs.org/api/ngRoute
Installation First include angular-route.js in your HTML:
You can
download this file from the following places:
Google CDN e.g.
//ajax.googleapis.com/ajax/libs/angularjs/X.Y.Z/angular-route.js Bower
e.g. bower install angular-route@X.Y.Z code.angularjs.org e.g.
"//code.angularjs.org/X.Y.Z/angular-route.js" where X.Y.Z is the
AngularJS version you are running.
Then load the module in your application by adding it as a dependent
module:
angular.module('app', ['ngRoute']); With that you're ready to get
started!
还有一件事要添加到列表中,因为这是谷歌搜索'Error: [$injector:modulerr] angular'得到的第一个结果:
如果你在你的'index'html'和你的主javascript应用程序定义中有一个不匹配的应用程序名称,这也会产生这个错误。
例如,如果你的HTML是这样的:
</head>
<body ng-app="myWebSite">
<!-- My Web Site -->
<p>About my web site...</p>
etc ...
和你的JavaScript看起来像这样(即有一个错别字的应用程序名称- myWebCite而不是myWebSite):
/** Main AngularJS Web Application */
var app = angular.module('myWebCite', [ 'ngRoute' ]);
/** Configure the Routes */
app.config(['$routeProvider', function ($routeProvider) {
etc ...
那么也会生成'Error:[$injector:modulerr] angular'错误。