title: To set mat-list-item color constant until clicking the next list-item
body: <p>I am using  <code>&lt;mat-nav-list&gt;</code> component in which  <code>&lt;mat-list-item&gt;</code> is displayed as shown in below image:</p>
  
  <p><a href="https://i.stack.imgur.com/FR6Pg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FR6Pg.png" alt="enter image description here"></a></p>
  
  <p>Here when i click particular <code>&lt;mat-list-item&gt;</code> (eg Home 1), I want to change the text-color of <code>(Home 1)</code> and that text-color as to constant until i click another <code>&lt;mat-list-item&gt;</code> (eg Home 3), Like this:</p>
  
  <p><a href="https://i.stack.imgur.com/2zieM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2zieM.png" alt="enter image description here"></a></p>
  
  <p>How to do this? I am missing some css,Here is the <a href="https://stackblitz.com/edit/selection-list-s1ojca?file=app/selection-list/selection-list.component.html" rel="nofollow noreferrer">stackblitz</a> link.</p>