Angular.jsアクティブなナビゲーション要素

Question

パスを取得するリンクの色を変更しようとしていますが、動作していますが、私が望むやり方ではありません。今何が起こっているか

はこれです：

私はhttp://localhost:8000/projects.html右の罰金にいますか？

私は家のように、次のリンクをクリックした場合に行く：私が言って何を理解http://localhost:8000/index.html代わりのhttp://localhost:8000/projects.html#/index.html

：http://localhost:8000/projects.html#/index.html

私は、このリンクがに行くしたいですか？どうすればこの問題を解決できますか？ありがとうございました。

app.js

App.controller('NavCtrl', ['$scope', '$location', function($scope, $location) { 
    $scope.items = [ 
     {path: '/index.html', title: 'Home'}, 
     {path: '/projects.html', title: 'Projects'}, 
     {path: '/contributions.html', title: 'Contributions'}, 
    ]; 
    $scope.isActive = function(item) { 
     if (item.path == $location.path()) { 
     return true; 
     } 
     return false; 
    }; 
    }]) 
    .controller('MyCtrl1', [function() { 
    }]) 
    .controller('MyCtrl2', [function() { 
    }]); 

HTML：

<div id="navbar" class="navbar-collapse collapse"> 
     <ul class="nav navbar-nav" ng-controller="NavCtrl"> 
     <li ng-repeat="item in items" ng-class="{active: isActive(item)}"> 
      <a href="#{{item.path}}">{{item.title}}</a> 
     </li> 
     </ul> 
</div> 

Answer 1

あなたはHTML5モード（SPAアプリ）を有効にしますか？ answer

SPAを使用せずにリダイレクトしますか？最後に、html5mode = trueとtarget = "_ blank"を使用してください