为什么我的$ routeProvider不起作用?

时间:2015-10-24 19:24:28

标签: javascript angularjs ngroute route-provider

我无法让我的$ 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。我哪里错了?

1 个答案:

答案 0 :(得分:1)

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

尝试

http://localhost#/example

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

<a href="#/example">

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