title: To display clicked list-item value in mat-nav-list component
body: <p>I am using <code>&lt;mat-nav-list&gt;</code> component to display the navigation bar and also the <code>header(i,e  mat-toolbar)</code>  to display the clicked <code>list-items(ex Home 1)</code> like this:</p>
  
  <p><a href="https://i.stack.imgur.com/HRvv2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HRvv2.png" alt="enter image description here"></a></p>
  
  <ul>
  <li>Now i  want to display the selected /clicked <code>list -item(ex Home 2)</code> on the header.</li>
  <li>Means on clicking <code>Home 2</code> , <code>Home 2</code> should display on the <code>header.</code></li>
  </ul>
  
  <p>Stackblitz <a href="https://stackblitz.com/edit/selection-list-activelinks-cm9csg?file=app/selection-list/selection-list.component.html" rel="nofollow noreferrer">link</a></p>