javascript - Back button when reloadOnSearch:false

Question

I've got ngView with three ngIncluded views: search filters, products, pagination. I want to:

1. filter products without reloading whole page just products view
2. add filters to the url eg. ?category=shoes
3. be able to use back and next buttons

I set reloadOnSearch: false in $routeProvier.when. Now when I invoke $location.search() function url changes, but the page is not reloaded. That's what I wanted to achieve, but when I click back button the products does not reload to its previous state. The only thing which happens is a change of url. The question is how can I handle back and next button events in this situation?

Answer 1

reloadOnSearch:false を実行すると、コントローラーの同じインスタンスが使用され、バックフォワードによってコントローラーまたは関連するビューが再ロードされません。$routeUpdateこのようなシナリオで発生するイベントに対応する必要があります。これに関する$routeのドキュメントを参照してください。

$scope.$on('$routeUpdate',function(e) {
   // Code to handle the route change.
});

Answer 2

すべてを手動で処理する必要があります。これは、戻るボタンまたは次のボタンを押すと、$location を使用した状態に戻らなければならないことを意味します。