javascript - 为什么我的 $routeProvider 不起作用？

Question

我无法让我的 $routeProvider 正常工作。

我有以下代码:

"use strict";

(function() {
    angular.module("websiteApp", ["ngRoute"])

        .config(["$routeProvider", function($routeProvider){
            $routeProvider
                .when("/example", {
                    templateUrl: "partials/example.html",
                    controller: "ExampleController"
                })
                .otherwise({
                    redirectTo: "/"
                });
        }]);
})();

但是当我导航到localhost/example时，我得到404 Not Found。我哪里出错了？

Answer 1

很简单，您使用了错误的网址。除非您设置 $locationProvider.html5Mode(true); 所有 Angular 路径都将基于哈希并在其中包含 #

尝试

http://localhost#/example

因此，您还需要在您使用的任何 href 中包含哈希

<a href="#/example">

请注意，如果您决定实现，html5Mode 还需要服务器配置