Angular nz-table 点击单元格改变样式 - 背景色
- 有个业务需求没头绪,来求大佬给思路
- 我的前端项目使用
Angular
+ng-zorro-antd
- 现在想实现的效果是鼠标点击一个单元格该单元格的背景色则改变为指定的颜色,再次点击就恢复背景色为默认,或者再点击其他的单元格,则上一次的单元格的颜色恢复,本次单元格改变背景色
- 不知道应该是通过自定义指令实现还是动态样式,如果两种方式都可以希望能介绍下如何实现。
- 前端小白,求讲解的通俗易懂
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
自定义属性指令可以实现,不过比较麻烦,简单的方法是直接用Angular提供的ngClass或者ngStyle指令,点击事件更改一个component中的开关属性,然后ngClass或者ngStyle指令根据这个开关属性更改class或者样式。
自定义属性指令也同样原理,订阅点击事件,可能需要@HostListener来响应点击事件,然后更改样式就可以,不过比较麻烦。
找到方法了,还是使用模板本地变量吧,获取DOM节点后,里面包含了所有对象