keyupイベントがangular2で発生した場合のデフォルトのクリックイベントを防止する

Question

keyupイベントが発生したときの検索入力フィールドに、keyupイベントが発生した後に表示されるデータは再び発生しますが、一度キーアップしたり、うまくいかない。ここで

はheader.htmlここ

<form> 
    <div class="box"> 
     <div class="container-1"> 
      <input type="search" id="search" placeholder="Type 
       your search..." name="searchStr" (keyup.enter)="searchKey(input.value)" 
       [(ngModel)]="searchStr" #input> 
      <a (click)="searchKey(input.value)"><img 
       src="/assets/search.png" class="search-img"></a> 
     </div> 
    </div> 
</form> 

で私の形で私のheader.component.ts

searchKey(value: any) { 
    console.log(value); 
    this.router.navigate(['search', { searchkey : value }]); 
} 

は、事前にあなたに感謝しています。

Answer 1

は、これはあなたを助けるような検索するか否かをチェックし、

export ... { 

    flag = true; 

    searchKey(value: any) { 
     console.log(value); 
     this.flag && this.router.navigate(['search', { searchkey : value }]); 
     this.flag=false; 
    } 

    // don't forget to add a condition when flag must be set to true. 
} 

ホープにフラグ変数を設定してください。