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

Question

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

Answer 1

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

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

Answer 2

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