Delete localstorage after url have finished loading view

Question

I pass url parameters stored in a localstorage to get details of a particular item. i want to delete localstorage variable after view is loaded, but what i'm experincing is, the localstorage variables get deleted before the view is loaded preventing the data to load correctly

$scope.pushpayment_id = localStorage.getItem("pushpayment_id")
$scope.pushshop_id = localStorage.getItem("pushshop_id")
$scope.pushmessage = localStorage.getItem("push_message")

var startapp=function() {
  if($scope.pushmessage== "payment"){
    $location.path('/tab/new_payment_push/'+ $scope.pushpayment_id + '/' + $scope.pushshop_id);
  }
}
localStorage.removeItem("pushpayment_id")
localStorage.removeItem("pushshop_id")
localStorage.removeItem("push_message")

Paulo Galdo Sandoval · Answer 1 · 2016-09-06T18:16:39.160

1

An Angular solution can be this:

When the locations change successfully you can make your operations, also can control from what path are you comming and where are you going.

EDIT place this on your .run(), tell me if you need more information about it.

 $rootScope.$on('$locationChangeSuccess', function(ev, newUrl, oldUrl, newState, oldState){
       if(newUrl === '/myLocation/To/Delete'){
           localStorage.clear();
       }       
  });

See here more information about the events of $location

edited Sep 06 '16 at 18:16

answered Sep 06 '16 at 16:36

Paulo Galdo Sandoval

2,173
6
27
44

i'm new to angularjs, can you put it in my script? – user6579134 Sep 06 '16 at 17:24
can you tell me where are you evaluating the location??, if you place this every where should work, just control what location you can this works – Paulo Galdo Sandoval Sep 06 '16 at 18:12

score 0 · Answer 2 · edited May 23 '17 at 12:01

0

You could clear localStorage when the window is done loading with jQuery like this:

$(window).load(function () {
    localStorage.clear();
});

If you want to use pure javascript to detect if the page is done loading, you could try this option: https://stackoverflow.com/a/7088499/5709703

edited May 23 '17 at 12:01

Community

1
1

answered Sep 06 '16 at 16:27

nich

108
3
9

score 0 · Answer 3 · answered Sep 06 '16 at 16:27

you could use the load event callback to remove your localStorage.
in javascript, use

$(window).load(function() {
    //What you need to do.
})

Make sure you have Jquery installed for before trying, or else you will get and error.
You can learn more on the window object in Javascript on W3School
Hopes it helps !

Nic

Delete localstorage after url have finished loading view

3 Answers3