title: How to change the color of a clicked mat-list-item from a list of numbers
body: <p>I'm not able to change the <code>background-color</code> of the <code>mat-list-item</code> when it's clicked</p>
  
  <p>I'm able to change the color of mat-list-item if I hover over it, but not when clicked. The snapshot of my UI when I hover on <code>mat-list-item</code> is here: <a href="https://imgur.com/ZwWJR9R" rel="nofollow noreferrer">https://imgur.com/ZwWJR9R</a></p>
  
  <p>This is all I've already coded: https://pastebin.com/raw/EMzH5nsq</p>
  
  <p>Expect the change from the <code>background-color</code> of the <code>mat-list-item</code> on click</p>