角度uiルータで別のトランジションが実行されているときの状態遷移を防ぐにはどうすればよいですか？

Question

私の角張ったアプリでは、私はこの問題があります。ユーザーがリンク状態（ui-srefリンク）をすばやくダブルクリックすると、ターゲット状態が2回読み込まれます。これは、状態ウィンドウがフリーズしておらず、他の状態変化に応答しなくなった場合、耐えられるでしょう。別のui-srefリンクをクリックすると、それに応じてURLが変更され、バックグラウンドでhttpコールが行われますが、ビューは固定されます。

私が知る必要があることは、すでに約束を解決しようとしている別の移行があるときに、どのように移行を防ぐことができるかです。私は何とか$ stateChangeStartとevent.preventDefault（）で魔法を働かせることができます。私が知らないのは、解決ブロックを解決した後で移行を続行する方法と、event.preventDefault（）に対応する方法です。

お時間をいただきありがとうございます。アドバイスをいただければ幸いです。

Answer 1

角度UIルーターの$ stateオブジェクトには、 'transition'というプロパティがあります。これはアクティブ遷移の途中にある場合に存在します。 1つの方法は、ui-sref属性を削除し、代わりにng-click属性を使用することです。あなたのng-click関数の中で、$ state.go（）を呼び出す前に遷移オブジェクトの存在を手動でチェックすることができます。

<a ui-sref="Root.State1"> 

後HTML：：

<a href="" ng-click="goToStateOne()"> 

JS：

HTMLの前に

scope.goToStateOne = function() { 
    if (!$state.transition) $state.go('Root.State1'); 
}