在 mat-list-item 中包含 href 不起作用

Question

我正在尝试将 href 放入 mat-list-item 中，这样它的工作原理就与将 routerLink 放入其中一样。

                <mat-list-item (click)="sidenav.close()" class="expansion-indent-3">
                  <a href="http://apps.ma****oice.com/MOCHUB/SLG/Permissions">
                    Permissions
                  </a>
                </mat-list-item>

我尝试在 mat-list-item 中放置一个标签，但这只会允许用户单击实际文本，而不是文本周围的 mat-list-item。

我还尝试使用带有 mat-list-item 属性的 a 标记，如下所示，这是我从另一篇文章中找到的，但没有功能且不起作用。

            <a mat-list-item href="http://apps.ma****oice.com/MOCHUB/SLG" *ngIf="slgNav || userCategory === 'Accounting' || userCategory === 'Buyer' || userCategory === 'Admin' || userCategory ==='StoreManager' || userCategory === 'DepartmentManager'" (click)="sidenav.close()" routerLink="/account" class="expansion-indent-2">

              <h6 matLine>SLG Store</h6>

            </a>

我很惊讶找不到任何人遇到此问题。我还认为我应该能够很容易地将 href 添加到 mat-list-item 并且认为这不会那么困难。

任何人都可以阐明如何在 mat-list-item 中放置一个 href 以便它可以像我将 routerlink 放在那里一样工作吗？

谢谢

Answer 1

要覆盖所有 mat-list 内容，您可以试试这个：

<a href="http://apps.ma****oice.com/MOCHUB/SLG/Permissions">
   <mat-list-item (click)="sidenav.close()" class="expansion-indent-3">
      <span>Permissions</span>
   </mat-list-item>                   
</a>