我知道这已经在多个帖子中被询问和回答,但我已经尝试了解决方案,但仍然不能完全到达那里。
我有一些组件,我正在使用 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');
}]);
})();