如何在一个页面到另一个页面以角度js返回时清除字段

时间:2016-11-16 17:52:58

标签: angularjs forms ionic-framework clear

我们每个页面都有多个页面有表格。在第1页当我在一个表单中输入一些数据并单击提交并导航到另一个页面2时,在该页面2中我将数据输入到某些字段,然后我导航回到第1页,然后单击第1页中的提交并导航到页面2在那个时候字段没有被清除。我需要使用angularjs清除表单字段,请帮助。

我们正面临如下问题

enter image description here

我们需要如下所示

enter image description here

1 个答案:

答案 0 :(得分:1)

问题在于缓存视图,您可以使用cache-view="false"禁用缓存,也可以使用输入事件$ionicView.enter手动清除字段。
取决于您在哪里禁用缓存,例如。

Disable cache within state provider

$stateProvider.state('myState', {
   cache: false,
   url : '/myUrl',
   templateUrl : 'my-template.html'
})

Disable cache with an attribute

<ion-view cache-view="false" view-title="My Title!">
  ...
</ion-view>

如果您想手动清理字段,则必须在控制器中执行以下操作:

$scope.$on('$ionicView.enter', function() {
    $scope.field1 = '';
    $scope.field2 = '';
    $scope.field3 = '';
});