当使用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开始的。


当前回答

该问题是由于缺少包含ngRoute模块造成的。从1.1.6版本开始,它是一个单独的部分:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>

var app = angular.module('myapp', ['ngRoute']);

其他回答

我的问题在config.xml中。改变:

<access origin="*" launch-external="yes"/>

to

<access origin="*"/>

固定它。

如果你浏览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!

有时,当您在项目之间切换并在同一个端口上一个接一个地运行项目时,我看到过这种错误。在这种情况下,去chrome开发工具>网络,并尝试检查实际编写的js文件:如果文件与工作区匹配。要解决此问题,请选择“在网络下禁用缓存”。

约翰爸爸在这个相当晦涩的评论中提供了我的问题:有时当你得到这个错误时,这意味着你丢失了一个文件。其他时候,它意味着模块是在使用之后定义的。一种简单的解决方法是将模块文件命名为*.module.js并首先加载这些文件。

add to link
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular-route.min.js"></script>

var app = angular.module('apps', [ 'ngRoute' ]);