如何在 Angular 中将 mat-list-item 包装在 mat-button 中

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>