Html 在mat列表项中包含href无效

我正在尝试将href放入mat列表项中，以便它的工作方式与在其中放入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列表项中添加一个标记，但这只允许用户单击实际文本，而不允许用户单击文本周围的mat列表项

我还尝试使用一个带有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列表项中，并且没有想到这会如此困难

有谁能解释一下如何将href放在mat列表项中，使其工作方式与我将routerlink放在其中一样吗

---

感谢您介绍所有材料清单内容，您可以尝试以下方法：

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

---

这似乎奏效了！谢谢我很惊讶我找不到任何关于这个的文档。我想没有太多的人喜欢通过自己的侧导航进行外部导航。我们这样做是因为我们在另一个域上链接我们的其他应用程序。谢谢