且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

Angular.js 页面里的按钮点击事件处理

更新时间:2022-09-05 21:12:03

假设我有一个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 页面里的按钮点击事件处理