ui.routerを使用したAngularJS：同じ状態リンクをクリックしたときのリロードページ

Question

QAチームからのリクエストが届きました。私はうんざりしていると思います。ここでは、あなたが既に角度ベースのアプリケーションの「約」状態/ページにいると仮定し、上部のメニューから「約」状態のURLを再度クリックすると、「約」ページをリロードすることができます。 aboutページはどこからでもデータを取得しませんが、リロードは単に点滅と同じです。私の角度アプリで状態の設定については

はこのようなものです：

.state('about', { 
    url: '/about', 
    templateUrl: '/path/to/about.html', 
    controller: 'aboutCtrl as aboutView' 
}); 

とTOPメニューで、我々はこの状態を指すリンクがあります。

<a ui-sref="about">About</a> 

を私は多くのことを試してみましたこれを有効にするには：リンクをクリックすると、同じ状態のリロードがトリガーされます。

リンクが静的であるため、$state.go('about', {}, {reload: true});または$state.transitionTo('about', {}, {reload: true});のようなものは機能しません。

'$stateChangeSuccess'イベントをリッスンしてrun位相のリロード対象を操作しようとしている最後の手段はありますが、クリックすると状態が変わらないため、動作しないと思いますあなたがその状態にいる間、'about'リンクをクリックします。

これを回避する方法はありますか？ありがとう

Answer 1

オプション属性がありますがUI-SREF-optsの UIルータが付属していますと呼ばれます。私は同じ問題に直面し、それを解決しました。

例：<a ui-sref="home" ui-sref-opts="{reload: true}">Home</a>

ドキュメントURL：UI Router DOcs

Answer 2

あなたはそうです、私はstate change eventsをその状態で一度起動することはできません。それまで、そのAPIを使用してその機能を利用できるようになるのであれば、これは半分のハックな解決策です。私たちはちょうどng-clickを利用し、いくつかの愚かなロジックを使ってQAを和らげることができます（あなたの場合）。また、コントローラの実装についてはわかりません。この例では$rootScopeを.runに置きましたが、これを選択すると統合されます。

<a ui-sref="about" ng-click="sillyQA()">About</a> 

---

.run(['$rootScope', '$state', function($rootScope, $state) { 

    $rootScope.sillyQA = function() { 
     if($state.current.name === 'about') { 
      $state.go('about', {}, { reload: true }); 
     } 
    } 

    // -- just to see our about => about state 'change' 
    $rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, fromParams){ 
     console.log('toState: ' + toState.name); 
     console.log('fromState: ' + (fromState.name || 'Just got there! click again!')); 
    }) 
}]); 

JSFiddle Link ...次の例を守っ - デモ