사용자가 입력을 중지 할 때까지 (keyup) = "getSearch ($ event, value)"처리기로 값을 얻는 방법은 무엇입니까?

Question

이제는 다음과 같이 작동합니다. "a", "ang", "angu", "angul", "angula", "angular"

사용자가 입력 영역에서 이미 입력을 중지하면 값을 얻는 방법 ?

예 : 사용자가 입력을 중단하면 "각도"가 표시됩니다.

어떤 아이디어가 있습니까?

Answer 1

시도해 볼 수 있습니다 (keyup.enter) = "getSearch ($ event, value)"입력 후 Enter 키를 누르면 호출됩니다.

나는 귀하의 경우에 효과가 있다고 생각되는 또 하나의 방법이 있습니다. 당신은 이것에 대해 관찰 할 수있는 폼 필드를 사용하고 변경을 감지 할 수 있습니다. & 관찰 가능 함수를 적용합니다. 이 코드를 확인하십시오. 당신의 필요

<form [formGroup]="coolForm"> 
    <input formControlName="search" placeholder="Search artist"> 
    </form> 

구성 요소 코드

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

에 따라 수정 난이 :