2017-03-19 16 views
0

ユーザーが初めてログインするときに、簡単なチュートリアル画面として$ ionicPopupを使用しようとしています。ログイン後、再度メッセージを見る必要はありません。私はIonic Frameworkでこれを行う方法の例を見つけることができませんでした。

ここまではタイムアウトを設定できるように$ timeout関数()内に配置したコードです。

$タイムアウト(関数(){ 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);

答えて

1

あなたは可能性:

  • firstTime変数を設定しますユーザーがログインするとtrueに変更されます。
  • firstTimeがであるかどうかを確認してくださいを呼び出してから$ionicPopup.showに電話してください。
  • trueのチェックの後にfirstTimefalseに設定します。
  • 保存する場所が他にない場合は、firstTimeをAngularサービスに格納できます。ユーザーが更新してもfirstTimeの値を保持する場合は、localStorageに格納できます。たとえば、angular-local-storageをチェックします。
+0

またはlocalstorageにfirstTimeを保存してそこから確認することができます。 – Antonis

+0

これは永続的ではなく、アプリケーションが起動するたびにfirstTimeは常にfalseになります。 @AntonisとしてlocalStorageを使用することは、行く1つの方法です – Ladmerc

+0

ありがとう、私は私の答えを更新しました。 –

関連する問題