更改状态时防止状态重新加载 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

您可以在存储未保存的表单数据时创建服务。