更改狀態時防止狀態重新加載ui-router

Question

我知道這已被問及在多個帖子中回答，但我已嘗試解決方案，仍然不能完全到達那裏呢。

我有幾個組件與ui-router進行路由，一個是聯繫表單，如果用戶輸入數據並移動到另一個路由，然後返回到聯繫表單，狀態將重新加載並且表單內容消失了。

我saw通過擁有父狀態和子狀態，但不能在我的代碼中重新創建此操作的另一種方法。

也許有一個更簡單的解決方案，使用ui-router-extras與粘性選項，雖然我嘗試了這一點，也無法讓它工作。我現在將發佈代碼。

(function() { 
    angular.module('personalPortfolio') 
     .config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) { 

      $stateProvider 
       .state('about', { 
        sticky: true, 
        url: '/about', 
        template: '<pg-about></pg-about>' 
       }) 

       .state('development', { 
        sticky: true, 
        url: '/work', 
        template: '<pg-dev></pg-dev>' 
       }) 

       .state('contact', { 
        sticky: true, 
        url: '/contact', 
        template: '<pg-contact></pg-contact>' 
       }); 

      $urlRouterProvider.otherwise('/about'); 
     }]); 
})(); 

Answer 1

您可以在存儲未保存的表單數據時創建服務。