Ionic | AngularJS | Typescript | Sliders in LocalStorage

0

I have a slider that leads to a page when I press a button. I want only the slider to appear the first time, and when I re-enter the app, it does not appear and only loads the page. My code:

Slides.html

<ion-content>
  <ion-slides pager="true">

    <ion-slide>
      <h4>Las remiserias de tu ciudad</h4>
      <p>Todas las remiserias en una sola app</p>
      <img src="../../assets/imgs/taxi.png" />
    </ion-slide>

    <ion-slide>
        <h4>Mira el recorrido del colectivo</h4>
        <p>Desde la app podras visualizarlo aun sin conexion</p>
      <img src="../../assets/imgs/bus.png" />
    </ion-slide>

    <ion-slide>
        <h4>Mapas sin conexion</h4>
        <p>Para cuando no tenemos internet :p</p>
      <img src="../../assets/imgs/marker.png" height="150px" />
    </ion-slide>

    <ion-slide>
        <h4>Selecciona tu ciudad</h4>
          <img src="../../assets/imgs/select.png" /> 
          <ion-card>
              <ion-list>
                  <ion-item>
                    <ion-label (click)="cdelu()">Concepcion del Uruguay</ion-label>
                  </ion-item>
                  <ion-item >
                  <ion-label >Colon</ion-label>
                </ion-item>
                </ion-list>
          </ion-card>

    </ion-slide>

  </ion-slides>


</ion-content>

Slides.ts

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { CdeluPage } from '../cdelu/cdelu';

@IonicPage()
@Component({
  selector: 'page-slides',
  templateUrl: 'slides.html',
})
export class SlidesPage {

  constructor(public navCtrl: NavController, public navParams: NavParams) {

}
cdelu(){
  this.navCtrl.push(CdeluPage);

}
}

Cdelu.ts // Page I want to go to and when I open the app it loads without the slider

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { Storage } from '@ionic/storage';


@IonicPage()
@Component({
  selector: 'page-cdelu',
  templateUrl: 'cdelu.html',
})
export class CdeluPage {

  constructor(public navCtrl: NavController, public navParams: NavParams, public storage: Storage) {
  }

  ionViewDidLoad() {
    this.storage.get('slides-done').then(done => {
      if (!done) {
        this.storage.set('slides-done', true);
        this.navCtrl.setRoot(CdeluPage);
      }
    });
  }
  }
    
asked by Nahuel Akeen Reymundo 13.09.2018 в 02:56
source

0 answers