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

Question

我有一个列表，我希望列表中的每个元素都可以点击，并且具有像mat-button组件一样的连锁效果。

我试过了：

<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>