Enable "search" button only after user type 5 letters - IONIC V3

Question

I have a select that returns 73,000 records, so I’m filtering it, but I need this filter to have at least five letters when searching. Translating: I need that in real time the "search" button is only available when at least 5 letters are typed, it is possible ?

Answer 1

Yes, it is possible.

Consider that you have an input as below:

<ion-item>
  <ion-label floating>Buscar</ion-label>
  <ion-input [(ngModel)]="buscar" (ionChange)="enableButton()" type="text"></ion-input>
</ion-item>

<button ion-button color="primary" disable="disableButton" (click)="buscar()">Buscar</button>

So we might have something like this to control the state of the search button.

enableButton() {
  this.disableButton = this.buscar && this.buscar.length < 5;
}