angularjs - AngularJs 路由没有按预期工作

Question

请在plunker上找到我的演示示例。

我尝试将 AdminLTE 模板与 AngularJs 路由结合起来。到目前为止，我像往常一样定义了路由规则（app.js）

app.config(function ($routeProvider, $locationProvider) {
    $routeProvider
        .when("/", {
            templateUrl: "subpage0.html"
        })
        .when("/subpage1", {
              templateUrl: "subpage1.html"
        })
        .when("/subpage2", {
            templateUrl: "subpage2.html"
        })
 ...

我在侧边栏（index.html）中设置了相应的链接

<ul class="nav sidebar-menu">
                <li class="active"><a href="#subpage1"><i class="fa fa-circle-o"></i> Menu1</a></li>
                <li><a href="#subpage2"><i class="fa fa-circle-o"></i> Menu2</a></li>
                <li><a href="#subpage3"><i class="fa fa-circle-o"></i> Menu3</a></li>
</ul>

但不幸的是，角度应用程序总是路由到第一个案例-> subpage0.html

有什么建议么？

Answer 1

请参阅此https://stackoverflow.com/a/41213016/4314952。需要添加以下配置：

app.config(['$locationProvider', function($locationProvider) {
 $locationProvider.hashPrefix('');
}]);

更新了 plunker。