* ngif不显示主页上的主页链接

Question

在我的导航组件中，我希望主页链接不显示在主页上。该代码不起作用：

 <button 
     mat-button 
     *ngIf="path !== '/home' && path !== '/' "
     routerLink="/home">
     <span>Home</span>
 </button>

Answer 1

只需在组件上创建一个函数即可，如果路径正确，该函数将返回一个布尔值：

private isHomePage(): boolean {
    return window.location.href.includes("home"); // Or any equasions you like
}

比在您的html中只是：

<button mat-button *ngIf="!isHomePage()" routerLink="/home"> <span>Home</span> </button>

虽然这是一种实现方法，但是您可以实现路由器服务并从那里检查url或路由，但是方法很简单