Angularのテンプレートにクリックイベントを追加する

Angularのテンプレートでクリックイベントを追加するには、(click) という書式を使います。

<button (click)="onClick(book)">書籍をクリック</button>

そして、(click)= の右側に指定したonClick() メソッドをコンポーネント側で実装します。

onClick(book: Book) {
  console.log(book);
}

ここからserviceのメソッドを呼ぶなどすれば、「ボタンを押したらWeb APIを非同期で呼び出す」とかが簡単にできますね。

以上です。

タイトルとURLをコピーしました