Hi, need help!! So im trying to create slider with inputs to let my user get something like stepbystep form and it
s looks pretty good on the first stage, but for now i`m get stuck for 6-7 hours 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!