天天看点

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 页面里的按钮点击事件处理

继续阅读