angular - 从 App 组件中隐藏 header 组件

Question

我正在尝试保护 header 组件免于登录、忘记密码和从 app.component.html 重置密码，如下所示:

<app-header *ngIf="router.url != '/' && router.url != '/forget-password' 
&& router.url != '/reset-password/:email_for/:token_for'"></app-header>

此处 '/' 和 '/forget-password' 可以正常工作，但 '/reset-password/:email_for/:token_for'不管用。我该如何解决这个问题？

Answer 1

使用以下内容(如果没有其他带有“/reset-password/”的 url 需要 header ):

<app-header *ngIf="router.url != '/' && router.url != '/forget-password' && router.url.indexOf('/reset-password/') == -1"></app-header>