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

我建议您不要在状态级别定义控制器，如果它们的名称相同，则在状态更改时重新初始化相同的控制器并不是一个好主意。

<强> HTML

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

<强> CODE

.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"
})

然后我不这么认为你将需要工厂，因为不需要共享范围。

Answer 3

更改这样的代码，解决了我的问题：

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

在视图之间共享数据

3 个答案: