Angular 如何使用(keyup)=“获取值”;getSearch($event,value)";处理程序,直到用户停止键入?

Angular 如何使用(keyup)=“获取值”;getSearch($event,value)";处理程序,直到用户停止键入?,angular,function,Angular,Function,现在像这样工作:“a”,“安”,“安”,“安古”,“安古”,“安古”,“安古拉”,“安古拉” 当用户已经停止在输入区域输入时,如何获取值 示例:当用户停止键入时,获取“角度” 有什么想法吗?你可以试试这个(keyup.enter)=“getSearch($event,value)”当你在键入后按enter键时,它会调用 我认为还有一种方法可以适用于你的情况。您可以使用表单字段observable进行此操作,并检测更改并对observable应用函数 检查此代码。根据需要修改它 <form

现在像这样工作:“a”,“安”,“安”,“安古”,“安古”,“安古”,“安古拉”,“安古拉”

当用户已经停止在输入区域输入时,如何获取值

示例:当用户停止键入时,获取“角度”

有什么想法吗?

你可以试试这个(keyup.enter)=“getSearch($event,value)”当你在键入后按enter键时,它会调用

我认为还有一种方法可以适用于你的情况。您可以使用表单字段observable进行此操作,并检测更改并对observable应用函数 检查此代码。根据需要修改它

 <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) => {
                //////
            });
    }