URLのハッシュ変更が成功しました - Angularディレクティブ

Question

私はwokringしていますが、statesとui-srefをルーティングに使用しています（剣道もありますが、ルーティングには影響しません）。 htmlの5つのタブがあります（同じ状態 - ちょうど#tab-xが#tab-1から#tab-5に変更）。私はすべてのタブと指示にバインドされた指示を持っていますが、私は$locationサービスを使って現在のURLを判断します。問題は次のとおりです。私は$場所を使用する場合、私は

console.log($location)

それが正しい「＃タブ-X」を示すが、とき$$ URLをいくつかの取り扱いを行うには、それは前のタブ値を示しています。私がここで使うことができる「場所変更成功」イベントはありますか？私が試した：

$scope.$on("locationChangeSuccess", function (event, next, current) { 
 
});

が、それはうまくいきませんでした。

Answer 1

イベントがありますが、$記号が付いている：

$scope.$on("$locationChangeSuccess", function (event, next, current) { 
    console.log($location.hash()); 
}); 

あなたが値を取得する$location.hash()を使用することができます。

ここで働いplunker：https://plnkr.co/edit/KEJft8iwbxN3VfBhikIU?p=preview

https://docs.angularjs.org/api/ng/service/ $場所＃event- $ locationChangeSuccess

これはangularjsイベントです。コメントで@Satpalが指摘しているように、$stateChangeSuccessイベントを使用することもできますが、状態は実際には変更されないため、イベントはおそらく呼び出されません（あなたはハッシュを含む状態を定義していません）。

また、$$のプレフィックス付きのプロパティは使用しないでください。これらのプロパティはプライベートであることを前提としています。