Angular2アプリケーションがクリックイベントのページの先頭にジャンプ

Question

私が作成したAngular2アプリケーションで問題が発生しています。ビューからクリックイベントを発生させたときにページがDOMの先頭にジャンプします。私は 'preventDefault（）'イベントメソッドへのバインディングを使用しようとしましたが、これが起こるのを止めるが、これは私の問題を解決しません。あなたのことが起こっていると誰かに助言することはできますか？

<div class='pagination-wrapper'> 
    <a class='page-link prev' [ngClass]="{'disabled': activePage <= 0}" (click)=pageBackward($event)>prev</a> 
    <a *ngFor='let pageLink of pages' class='page-link' [ngClass]="{'selected': activePage === pageLink}" (click)=jumpToPage(pageLink)>{{ pageLink + 1 }}</a> 
    <a class='page-link next' [ngClass]="{'disabled': activePage + 1 >= pages.length}" (click)=pageForward($event)>next</a> 
</div> 

や関連部品コード：

pageForward($event) { 
    $event.preventDefault(); 
    this.activePage++; 
    this.paginationChange.emit(this.activePage); 
} 

pageBackward($event) { 
    $event.preventDefault(); 
    this.activePage--; 
    this.paginationChange.emit(this.activePage); 
} 

jumpToPage(pageNum) { 
    this.activePage = pageNum; 
    this.paginationChange.emit(pageNum); 
} 

おかげ

は、ここに私のcode.The図です！

Answer 1

あなたは書く必要があります：HTMLで

：

<a href="#" (click)="someMethod($event)"></a> 

とtypescriptファイル内：あなたはtypescriptです内のメソッドで、不必要$文字を使用している

someMethod(event: any) { 
    event.preventDefault(); 
    //some code 
} 

。これにより、一部のブラウザでエラーが発生します（Firefox f.e）。さらに、最後のメソッドでevent.preventDefault（）を使用しないでください。

私はあなたを助けてくれることを願っています。