我试图在用户首次登录时将$ ionicPopup用作快速教程屏幕。登录后,他们不再需要再次查看该消息。我还没有找到任何有关如何在Ionic Framework中执行此操作的示例。

到目前为止,这是我放置在$ timeout function()中的代码,以便可以设置超时。

$ timeout(function(){
    var myPopup = $ ionicPopup.show({

  template: '<h4 class="ion-ios-search-strong"> Choose a store</h4></br><h4 class="ion-coffee"> Select a drink</h4></br><h4 class="ion-wrench"> Customize your coffee</h4></br><h4 class="ion-card"> Pay from your phone</h4></br><h4 class="ion-happy-outline"> Your coffee is ready</h4></br>',
     title: 'How to use Joe',
     // subTitle: 'Your coffee is a few taps away',
     scope: $scope,

      buttons: [
           { text: 'Got it!' },
       ]
 });

myPopup.then(function(res) {
   console.log('Tapped!', res);
});


},5000);

最佳答案

你可以:


用户登录时,将变量firstTime设置为true
调用firstTime之前,请检查true是否为$ionicPopup.show
检查后将firstTime设置为false以查看是否为true
如果没有其他存储位置,则可以将firstTime存储在Angular服务中。如果您希望firstTime的值在用户刷新时也保持不变,则可以将其存储在localStorage中。例如,签出angular-local-storage

关于javascript - 如何使$ ionicPopup只出现一次,然后再没有出现?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42881669/

10-11 05:46