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>

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

有什么建议吗？

Answer 1

看到这个。需要添加如下配置：

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

已更新 plunker。

AngularJs 路由未按预期工作

AngularJs Routing isn't working as expected

angularjs

adminlte