Question

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

我尝试将AdminLTE模板与AngularJs Routing结合起来。到目前为止，我像往常一样定义了路由规则（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>

但不幸的是，角度应用总是路由到第一个案例 - ＆gt; subpage0.html

有什么建议吗？

Answer 1

见https://stackoverflow.com/a/41213016/4314952。有必要添加以下配置：

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

更新了plunker。

AngularJs路由不按预期工作

1 个答案: