假設我有一個Angular頁面，上面繪制了一個按鈕：

<div class="fd-form__set"><div class="fd-form__item"><button (click)="send()" class="fd-button fd-button--action-bar fd-has-float-left">Send to Back-end</button></div><br/><br/></div>

運行時這個按鈕的外觀如圖：

這個send按鈕的實現位于component html對應的ts文件內：

send() {this.waiting = false;let data = {command: 'hash',dateTime: Date.now(),originalString: this.stringToSend}this.broadcaster.broadcast('sendData', data);}

運行時點擊按鈕，斷點觸發：

這時就可以在Chrome開發者工具里調試了。

SAP Spartacus 里自定義按鈕的最佳實踐：button標簽 + 自定義icon

如此一來，將鼠標放上icon之后，具有hoverable的效果：

而hover到普通的icon上，顯示效果是這樣的：

更多Jerry的原創文章，盡在：“汪子熙”:

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

總結

以上是生活随笔為你收集整理的Angular.js 页面里的按钮点击事件处理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。