クリックしたリンクの履歴をAngularJSで作成する方法

Question

ユーザーが私のAngularJSアプリケーションを使用するときにヒストリートレイルを作成する必要があります。これはブレッドクラムだと思うかもしれませんが、厳密にはそうではありません。何も入れ子にする必要はありません。メインナビゲーションを使用せずにサイトの特定のセクションに戻ることができます。私は、ユーザーがクリックしたルートの配列を構築して、そのルートをdivのリンクとしてli要素として表示できると思うだろう。

いずれかの方向を高く評価します。

$scope.historyLinks = []; 
$scope.addHistory = function(){ 
    $scope.historyLinks.push(window.location.href); 
} 

次に、$ scope.historyLinks配列をループし、最近のナビ履歴のng-repeatを作成します。

私は正しい軌道に乗っているの？

Answer 1

ここでは、Angularを使用したソリューションです。

myApp.run(function($rootScope, $route, $location){ 
    //Bind the `$locationChangeSuccess` event on the rootScope, so that we dont need to 
    //bind in induvidual controllers. 

    var history = []; 
    $rootScope.$on('$locationChangeSuccess', function() { 
     history.push($location.$$path); 
    });   

}); 

注：ルートが一致したとコントローラが呼び出される前に$ locationChangeSuccessが発生するので、あなたは、コントローラ内から登録することはできません。登録するまでに、そのイベントは既に解雇されています。私は[ `interceptor`]（https://docs.angularjs.org/api/でこれをやってみてくださいお勧めし