javascript - 角度2は、子コンポーネントのクリックでルーターのナビゲーションを防ぎます

Question

テンプレートがあります

<div (click)="handler()">
  <input type='checkbox' (click)="$event.stopPropagation()" (change)="$event.stopPropagation()">
</div>

私のコンポーネントでは、ここにハンドラーがあります

handler() {
  this.router.navigate('path');
}

チェックボックスのクリックでは何もしたくありませんでしたが、div のクリックでルーティングしました。

上記の解決策は機能しません。