javascript - 如何使 $ionic 弹出窗口仅出现一次，然后不再出现？

Question

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

这是迄今为止我将其放置在 $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);

Answer 1

你可以:

• 当用户登录时，将变量 firstTime 设置为 true。
• 在调用 $ionicPopup.show 之前检查 firstTime 是否为 true。
• 检查后将 firstTime 设置为 false 以查看其是否为 true。
• 如果没有其他地方可以存储 firstTime，您可以将其存储在 Angular 服务中。如果您希望即使用户刷新，firstTime 的值也能保留，可以将其存储在 localStorage 中。例如，查看 angular-local-storage .