路由不起作用 - angularjs - 未捕获错误:[$ injector:modulerr]

时间:2014-02-26 03:11:45

标签: angularjs angular-ui-router route-provider angularjs-injector

我是棱角分明的新手。我刚刚写了一些示例应用程序,我遇到了路由问题。 我正在使用cdn for angular

<script type="text/javascript"
        src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js"></script>

我创建了一个html部分/文件,并希望将其链接到index.html。我添加了 index.html中的<ng-view></ng-view>以及用于路由的html中的以下代码

angular.module("sample", []).config(function($routeProvider){
    $routeProvider.when("/",
            {
                templateUrl: "/partials/list.html"
            });
});

但是我得到了一个未捕获的错误:[$ injector:modulerr] http://errors.angularjs.org/1.2.13/ $ injector / modulerr?p0 = enterprise&amp; p1 = Erro ... s.org%2F1.2.13%2F%24injector%2Funpr%3Fp0 %3D%2524routeProvider%0A%20%20%20%...... 2)

另外,我尝试下载angular-route.js并添加ngRoute作为依赖项,但它仍然不起作用。

angular.module("enterprise", ['ngRoute']).config(function($routeProvider){
    $routeProvider.when("/",
            {
                templateUrl: "/partials/list.html"
            });
});

我已经下载了各种版本的angularjs,但我遇到了同样的错误。有任何想法,为什么我得到这个错误以及如何解决它?

2 个答案:

答案 0 :(得分:0)

试试这个

angular.module("enterprise", ['ngRoute']).config(["$routeProvider", function($routeProvider){
    $routeProvider.when("/",
            {
                templateUrl: "/partials/list.html"
            });
}]);

如果它不起作用,请告诉我

答案 1 :(得分:0)

你可以尝试像这样从templateUrl中删除斜杠吗?

 templateUrl: "partials/list.html"

另外,您是否可以验证是否已在html中的某处设置ng-app并且模板位于正确的位置(partials / list.html)?