title: How to wrap mat-list-item in mat-button in Angular
body: <p>I have a list and I would that every element of the list become clickable with a ripple effect like mat-button component. </p>
  
  <p>I tried this :</p>
  
  <pre><code>&lt;mat-list role="list" *ngFor="let userS of Projet?.backlog.userStory; let i=index"&gt;
      &lt;button mat-button&gt;
          &lt;mat-list-item role="listitem"&gt;User Story #{{i}} : {{userS.userStory}} &lt;/mat-list-item&gt;
      &lt;/button&gt;
  &lt;/mat-list&gt;
  </code></pre>
  
  <p>But I that's don't working element are not clickable .</p>