Number Counter for Ionic 4

Ionic Framework
1

Hello There,

Does anyone used the Number/Numeric Counter in Ionic 4?.

Thanks
Jagga

2

StartTimer() {
this.timer = setTimeout(() => {
if (this.maxTime <= 0) { }
this.maxTime -= 1;

		if (this.maxTime > 0) {
			this.hidevalue = false;
			this.StartTimer();
		}

		else {
			this.hidevalue = true;
			this.maxTime = 60;
			this.ionViewDidLoad();

		}

	}, 1000);

}

It will print maxTime from 60 seconds to 1. if you want you can change the seconds

3

Thank you for your reply. Let me give you my requirement in detail… I’m looking for a control where it has minus button on the left, numeric input in the middle and plus button on the right. I would like to increment or decrement value based on the button press. I know we can do it, but the alignment and CSS is consuming time, does anyone used the prebuilt controls by others?. Hope this is clear, if not pls do respond.

Thanks
Jagga

5 
<ion-col col-5 style="align-self: center;">
	<button  ion-button icon-only  style="font-size: 2rem;  background: #cc1c1c; width: 25%; height: 45px;">
	  <ion-icon name="md-remove"></ion-icon>
	</button>
	<span  style="font-size: 25px;  font-weight: 500; position: relative;  top: 5px;">0</span>

	<button ion-button icon-only  style="font-size: 2rem;   background: #2b9c18; width: 25%; height: 45px;">
	  <ion-icon name="md-add"></ion-icon>
	</button>
  </ion-col>

Try this