AngularJsルーティングが正常に動作しない

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" 
     }) 
... 

そして私は

<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> 

しかし残念ながら、角アプリ常にルートに（index.htmlを）私のサイドバーに対応するリンクを設定します最初のケース - > subpage0.html

提案がありますか？

Answer 1

このhttps://stackoverflow.com/a/41213016/4314952を参照してください。 plunkerを更新しました

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

：次の設定を追加する必要があります。