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

Question

我有一个列表，我希望列表中的每个元素都可以点击，并带有类似 mat-button 组件的链式 react 。

我试过这个:

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