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

Question

我了解這已在多個帖子中被問及回答，但我已經嘗試了解決方案，但仍無法完全解決。

我使用ui-router在幾個組件之間進行路由，其中​​一個是聯系表單，如果用戶向其中輸入數據並移動到另一條路由，然后又返回到聯系表單，則狀態將重新加載，表單內容消失。

我看到了通過具有父狀態和子狀態來完成此操作的另一種方法，但是無法在我的代碼中重新創建它。

通過將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

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