Angular nz-table 点击单元格改变样式 - 背景色

发布于 2022-09-11 23:25:43 字数 277 浏览 37 评论 0

  • 有个业务需求没头绪,来求大佬给思路
  • 我的前端项目使用 Angular + ng-zorro-antd
  • 现在想实现的效果是鼠标点击一个单元格该单元格的背景色则改变为指定的颜色,再次点击就恢复背景色为默认,或者再点击其他的单元格,则上一次的单元格的颜色恢复,本次单元格改变背景色
  • 不知道应该是通过自定义指令实现还是动态样式,如果两种方式都可以希望能介绍下如何实现。
  • 前端小白,求讲解的通俗易懂

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

淤浪 2022-09-18 23:25:44

自定义属性指令可以实现,不过比较麻烦,简单的方法是直接用Angular提供的ngClass或者ngStyle指令,点击事件更改一个component中的开关属性,然后ngClass或者ngStyle指令根据这个开关属性更改class或者样式。

自定义属性指令也同样原理,订阅点击事件,可能需要@HostListener来响应点击事件,然后更改样式就可以,不过比较麻烦。

﹏半生如梦愿梦如真 2022-09-18 23:25:44

找到方法了,还是使用模板本地变量吧,获取DOM节点后,里面包含了所有对象

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文