обмениваться данными между представлениями

Question

Я разрабатываю приложение с использованием Ionic Framework, и есть проблема, которую я не могу решить. У меня есть несколько представлений, которые являются шагами и должны обмениваться данными, пользователь также может отступить, перейти к другим представлениям и вернуться позже. Его ввод должен храниться до тех пор, пока последний шаг не будет закончен, тогда я смогу сохранить модель, и мне нужен новый пустой.

Я использовал завод для этого, но я не могу найти способ очистить возвращаемый объект. Является ли это возможным? Какие еще подходы я могу использовать здесь?

app.js

.state('topup', { 
url: "/topup", 
abstract: true, 
templateUrl: "templates/topup/topup.html", 
controller:'TopupCtrl' 
}) 

.state('topup-1', { 
url: "/topup-1", 
templateUrl: "templates/topup/topup-1.html", 
controller:'TopupCtrl' 
}) 

.state('topup-2', { 
url: "/topup-2", 
templateUrl: "templates/topup/topup-2.html", 
controller:'TopupCtrl' 
}) 

controllers.js

.controller('TopupCtrl', function($scope, $state, TopupData, HistoryData) { 
$scope.data = TopupData.getCurrent(); 
$scope.selectOperator = function(operator) { 
    $scope.data.Operator = operator; 
    $state.go("topup-2"); 
}; 
$scope.acceptTopup = function(){ 
    HistoryData.getHistory().push($scope.data); 
    console.log(HistoryData.getHistory()); 
    TopupData.setCurrent({}); 
    $state.go("main"); 
}; 
}) 

services.js

.factory('TopupData', function() { 
var service = {}; 
var Model = {}; 
service.setCurrent = function(value) 
{ 
Model = value; 
}; 
service.getCurrent = function(value) 
{ 
return Model; 
}; 

return service; 
}) 

Answer 1

Попробуйте этот путь.

console.log(HistoryData.getHistory()); 
var resetObj = {}; 
TopupData.setCurrent(resetObj); 
$state.go("main"); 

Answer 2

Изменение кода, как это, решить мою проблему:

var resetObj = {}; 
    TopupData.setCurrent(resetObj); 
    $state.go("main").then(function(){ 
     $ionicHistory.clearHistory(); 
     $ionicHistory.clearCache(); 
    }); 

Answer 3

Я предлагаю вам не определить контроллер на государственном уровне, если они имеют то же имя, повторно инициализирует же контроллер с изменением состояния не является хорошей идеей.

HTML

<div ng-controller="TopupCtrl"> 
    <ui-view></ui-view> 
</div> 

КОД

.state('topup', { 
    url: "/topup", 
    abstract: true, 
    templateUrl: "templates/topup/topup.html" 
}) 

.state('topup-1', { 
    url: "/topup-1", 
    templateUrl: "templates/topup/topup-1.html" 
}) 

.state('topup-2', { 
    url: "/topup-2", 
    templateUrl: "templates/topup/topup-2.html" 
}) 

Тогда я не думаю, что так вы будете нуждаться завод больше, так как нет необходимости разделять сферы.