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

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

更改状态ui-router时防止状态重新加载

1 个答案: