Javascript 如何在角形菜单中包装mat按钮中的mat列表项

我有一个列表，我希望列表中的每一个元素都能像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>

用户故事{{i}:{{userS.userStory}

但是我不认为工作元素是不可点击的。

我会把

放在

里面。我不确定这是否会有帮助，因为我认为这个按钮应该仍然可以按您的方式工作

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

用户故事{{i}:{{userS.userStory}

您在控制台中是否有任何错误？我没有收到错误检查

mat按钮

在

之外是否正常工作。哦，从一开始它就工作了。我正在查看错误的组件。我知道按钮缺少类型的原因吗？尝试为按钮分配类型，然后再次运行测试。e、 g.

User Story{{i}:{{{userS.userStory}}