Question

我在脚本文件中使用以下代码：

angular.module('app', ['ngRoute'])
        .config(function ($routeProvider) {
            $routeProvider

            .when("/index", {
                templateUrl: "Views/post.html"
                })
            .otherwise({
                redirectTo:"/"
            })

        })

因此，当网址为http://localhost:55657/index.html时，它应显示“Views / post.html”，即索引页的ng-view指令中的post.html视图。以下是我的index.html页面的摘录：

<body>
    <div class="container">
        <ng-view></ng-view>
    </div>
</body>

但是当我加载index.html时它没有显示任何内容。浏览器控制台上显示以下错误：

Error: $injector:modulerr Module Error

Answer 1

当您导航到“http://localhost:55657/index.html”时，它将加载“/”路线。因为它在html之后查找'＃/'部分。您没有任何与之匹配的路线。否则路径也与您的任何路线都不匹配。

您可以通过将'/ index'路径定义重命名为'/'或在否则路径中使用'/ index'来解决此问题。

例如：

angular.module('app', ['ngRoute'])
    .config(function ($routeProvider) {
        $routeProvider

        .when("/index", {
            templateUrl: "Views/post.html"
            })
        .otherwise({
            redirectTo:"/index"
        })

    })

AngularJS中的路径配置未给出预期结果

1 个答案: