天天看點

Angular.js 頁面裡的按鈕點選事件處理

假設我有一個

Angular

頁面,上面繪制了一個按鈕:

Angular.js 頁面裡的按鈕點選事件處理

運作時這個按鈕的外觀如圖:

Angular.js 頁面裡的按鈕點選事件處理

這個send按鈕的實作位于component html對應的ts檔案内:

Angular.js 頁面裡的按鈕點選事件處理

運作時點選按鈕,斷點觸發:

Angular.js 頁面裡的按鈕點選事件處理

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

Angular.js 頁面裡的按鈕點選事件處理

SAP Spartacus 裡自定義按鈕的最佳實踐:button标簽 + 自定義icon

Angular.js 頁面裡的按鈕點選事件處理

如此一來,将滑鼠放上icon之後,具有hoverable的效果:

Angular.js 頁面裡的按鈕點選事件處理

而hover到普通的icon上,顯示效果是這樣的:

Angular.js 頁面裡的按鈕點選事件處理

繼續閱讀