我试图在用户首次登录时将$ 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/