mat-list-itemを角で包み込む方法

Question

リストがあり、リストのすべての要素がマットボタンのような波紋効果でクリック可能になると思います。

私はこの試みた：

<mat-list role="list" *ngFor="let userS of Projet?.backlog.userStory; let i=index"> 
    <button mat-button> 
     <mat-list-item role="listitem">User Story #{{i}} : {{userS.userStory}} </mat-list-item> 
    </button> 
</mat-list> 

をしかし、私はそれだが、要素が働いていないがクリック可能ではありません。

Answer 1

<button>を<mat-list-item>の内側に置きます。私はボタンがまだあなたが持っている方法で動作する必要があると思うので、これが助けになるか分からない。

<mat-list role="list"> 
    <mat-list-item role="listitem"> 
     <button mat-button> 
      User Story #{{i}} : {{userS.userStory}}  
     </button> 
    </mat-list-item> 
</mat-list>