如何从数字列表中更改单击的垫子列表项的颜色

Question

点击background-color的{​​{1}}时，我无法更改

如果我将mat-list-item悬停在其上方，则可以更改它的颜色，但是单击时不能更改。当我将鼠标悬停在mat-list-item上时，UI的快照位于：https://imgur.com/ZwWJR9R

这就是我已经编写的所有代码：https://pastebin.com/raw/EMzH5nsq

预计点击后mat-list-item的{​​{1}}的变化