Ionic Pop up alert for first time only

Question

I have a pop up tutorial (basically slider) that will show upon first launch in the app. This is what I wrote in the controller.js

  //show first time tutorial
  if(localStorage.getItem("second") != "true")
  {
  $ionicPopup.show({
  template: '<ion-slide-box class="first_tutorial">\
      <ion-slide>\
        <img class="img1" />\
      </ion-slide>\
      <ion-slide>\
        <img class="img2" />\
      </ion-slide>\
      <ion-slide>\
        <img class="img3" />\
      </ion-slide>\
      <ion-slide>\
        <img class="img4" />\
      </ion-slide>\
    </ion-slide-box>',
  scope: $scope,
  cssClass: 'tutorial_popup_dlg',
  buttons: [
    { text: 'Got It' }
  ]
});
localStorage.setItem("second", "true");
  }
  //--show first time tutorial

But it is not working...any suggestions ?

score 0 · Answer 1 · answered Apr 04 '16 at 11:24

0

This is because when you are checking condition in if statement then you don't have item second in localStorage

Write your if condition as follow

if(localStorage.getItem("second")==undefined)

answered Apr 04 '16 at 11:24

Divyesh Savaliya

2,692
2
18
37

Change your if condition as mention in answer. – Divyesh Savaliya Apr 04 '16 at 13:52
unfortunately it is not working =( What could possibly lead it to not working, if it used to work ? – Louis Cheng Apr 06 '16 at 06:36
Try to alert localStorage.getItem("second") – Divyesh Savaliya Apr 06 '16 at 06:44
sorry, where should i add it ? – Louis Cheng Apr 13 '16 at 13:59

score 0 · Answer 2 · edited May 23 '17 at 10:28

0

You need to check if the localstorage item exist. See this for further explanation.

if (localStorage.getItem("second") === null) {
  //...
}

edited May 23 '17 at 10:28

Community

1
1

answered Apr 22 '16 at 12:39

CESCO

7,305
8
51
83

Ionic Pop up alert for first time only

2 Answers2