テキストボックスの入力変更時にtypescript関数を呼び出して、それが機能するようにしたい。ただし、変更のたびに呼び出されます。テキストボックスの最小文字数が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);
}
}
あなたはこのようなものを書くことができます
(input)="$event.target.value.length > 5 && SearchData($event.target.value)"
このようなテンプレート参照変数を使用することもできます
<input placeholder="" #textInput class="form-control" type="text" [maxlength]="5" (input)="textInput.value.length > 5 && SearchData(textInput.value)">