typescript - Hvordan kalle en funksjon ved tekstendring i input i Angular 2

Jeg vil kalle TypeScript-funksjonen når innholdet i tekstboksen endres, og det fungerer for meg. Men den kalles ved hver endring, jeg vil at den skal kalles når minimum antall tegn i tekstboksen er 5.

export class StudentMaintenanceComponent implements OnInit {
    @Component({
        selector: 'app-student-management',
        template: `<input placeholder="" class="form-control" type="text" [maxlength]="5" (input)="SearchData($event.target.value)">`,
        styleUrls: ['./app-student-management.css']
    })

    SearchData(_no: string) { // should be called when minimum no of character are 5 in the text field.
        console.log(_no);
    }
}

Svar #1

Du kan skrive noe sånt

(input)="$event.target.value.length > 5 && SearchData($event.target.value)"

Du kan også bruke malreferansevariabel på denne måten

<input placeholder="" #textInput class="form-control" type="text" [maxlength]="5" (input)="textInput.value.length > 5 && SearchData(textInput.value)">

Relaterte artikler