Angularのテンプレートでクリックイベントを追加するには、(click) という書式を使います。
<button (click)="onClick(book)">書籍をクリック</button>
そして、(click)= の右側に指定したonClick() メソッドをコンポーネント側で実装します。
onClick(book: Book) { console.log(book); }
ここからserviceのメソッドを呼ぶなどすれば、「ボタンを押したらWeb APIを非同期で呼び出す」とかが簡単にできますね。
以上です。
逆引きAngular目次
ngコマンド(Angular CLI)
Angularアプリケーションを起動する(ng serve)
Angularアプリケーションをビルドする(ng build)
Angularでファイルが変更されたら自動的にビルドする(ng build –watch)
Angularのコンポーネントを追加する(ng generate component [コンポーネント名])
Angularのサービスを追加する(ng generate service [サービス名])
テンプレート
Angularのngifでtrueとfalseの場合ごとにテンプレートを切り替える
フォーム
Angularでフォームに入力した値をリアルタイムに表示する