状態を変更するときの状態の再読み込みを防止する

Question

これは複数の投稿で尋ねられ、回答されていますが、私は解決策を試してきましたが、

私はui-routerとの間でルーティングするいくつかのコンポーネントを持っています.1つはユーザーがデータを入力して別のルートに移動して連絡先フォームに戻ると状態が再読み込みされ、フォームの内容がなくなった。

I 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

保存していないフォームデータを保存するときにサービスを作成できます。