Trying to create slider with NextSlide Button (IONIC 4)


#1

Hi, need help!! So im trying to create slider with inputs to let my user get something like stepbystep form and its looks pretty good on the first stage, but for now i`m get stuck for 6-7 hours :exploding_head: when trying to add Next Button functionality. So here what i have - HELP ME PLZ!

My html file

<ion-header>
  <ion-toolbar>
    <ion-title>avocado</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>


<ion-slides class="swiper-no-swiping" pager="true" style="height:160px;">
  <ion-slide>
    <ion-item>
    <ion-input placeholder="Ваше Имя"></ion-input>
	</ion-item>
	<ion-button>Далее</ion-button>
  </ion-slide>

  <ion-slide>
    <ion-item>
    <ion-input placeholder="Ваш Телефон"></ion-input>
	</ion-item>
	<ion-button>Далее</ion-button>
  </ion-slide>

  <ion-slide>
    <ion-item>
    <ion-input placeholder="Номер Столика"></ion-input>
	</ion-item>
	<ion-button>Забронировать</ion-button>
  </ion-slide>
</ion-slides>

</ion-content>

My TS File

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-avocado',
  templateUrl: './avocado.page.html',
  styleUrls: ['./avocado.page.scss'],
})
export class AvocadoPage implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}


I`m using IONIC 4.3.0

So can anybody give me step by step tutorial, cause i try too many things from to many places aaaaand stil no luck! Sorry 4 bad English and Nooby questions! Thank you!