Angular 如何使用(keyup)=“获取值”;getSearch($event,value)";处理程序,直到用户停止键入?
现在像这样工作:“a”,“安”,“安”,“安古”,“安古”,“安古”,“安古拉”,“安古拉” 当用户已经停止在输入区域输入时,如何获取值 示例:当用户停止键入时,获取“角度” 有什么想法吗?你可以试试这个(keyup.enter)=“getSearch($event,value)”当你在键入后按enter键时,它会调用 我认为还有一种方法可以适用于你的情况。您可以使用表单字段observable进行此操作,并检测更改并对observable应用函数 检查此代码。根据需要修改它Angular 如何使用(keyup)=“获取值”;getSearch($event,value)";处理程序,直到用户停止键入?,angular,function,Angular,Function,现在像这样工作:“a”,“安”,“安”,“安古”,“安古”,“安古”,“安古拉”,“安古拉” 当用户已经停止在输入区域输入时,如何获取值 示例:当用户停止键入时,获取“角度” 有什么想法吗?你可以试试这个(keyup.enter)=“getSearch($event,value)”当你在键入后按enter键时,它会调用 我认为还有一种方法可以适用于你的情况。您可以使用表单字段observable进行此操作,并检测更改并对observable应用函数 检查此代码。根据需要修改它 <form
<form [formGroup]="coolForm">
<input formControlName="search" placeholder="Search artist">
</form>
我希望这会有所帮助:)我认为你的要求是不可能的。我刚刚检查了谷歌,他们现在对每个字母都进行了调用,就像你的代码一样。使用的事件是keyup(要求控件在每次笔划时引发事件)。你可以尝试(更改)=“getSearch($Event,value)”。我知道,它可能会帮助用户2526236,但当用户完成键入时如何获取值?Amit(更改),在焦点消失时获取值
export class AppComponent {
searchField: FormControl;
coolForm: FormGroup;
constructor(private searchService:SearchService, private fb:FormBuilder) {
this.searchField = new FormControl();
this.coolForm = fb.group({search: this.searchField});
this.searchField.valueChanges
.debounceTime(400)
.switchMap(term => this.searchService.search(term))
.subscribe((result) => {
//////
});
}