Javascript 试图根据管线角度5隐藏元素

Javascript 试图根据管线角度5隐藏元素,javascript,angular,typescript,Javascript,Angular,Typescript,我试图制作一个动态导航,当你在常规网站上时,它会显示一个完整的导航,但如果你在某些路径上,例如http://mywebsite.com/path我希望它隐藏某些导航项目,并显示另一个导航项目 我的设置是 app.component.html <ul (click)="navLinkClick()" class="nav-page_ul"> <a *ngIf="!routeHidden" [routerLink]="['']"><li class="go-to

我试图制作一个动态导航,当你在常规网站上时,它会显示一个完整的导航,但如果你在某些路径上,例如
http://mywebsite.com/path
我希望它隐藏某些导航项目,并显示另一个导航项目

我的设置是

app.component.html

<ul (click)="navLinkClick()" class="nav-page_ul">
    <a *ngIf="!routeHidden" [routerLink]="['']"><li class="go-to-website">go to site</li></a>
    <a *ngIf="routeHidden" [routerLink]="['1']"><li>1</li></a>
    <a *ngIf="routeHidden" [routerLink]="['2']"><li>2</li></a>
    <a *ngIf="routeHidden" [routerLink]="['3']"><li>3</li></a>
    <a *ngIf="routeHidden" [routerLink]="['4']"><li>4</li></a>
现在发生的事情是,无论Im在哪条路线上,它只显示
转到网站
导航项,其余的都不显示

我不确定我做错了什么


谢谢

在您的情况下,
e.url=='/8'| |'/9'
可能是个问题


把它改成
e.url=='/8'| e.url=='/9'
e.url=='/8'| | e.url==='/9'
可能是个问题,把它改成
e.url=='/8'| e.url=='/9'
@AswinRamesh先生,你真是个天才!谢谢,这解决了我的问题
ngOnInit() {
this.router.events.subscribe( (e) => {
  if (e instanceof NavigationStart) {
    if (e.url === '/6' || e.url === '/7' || e.url === '/8' || '/9') {
      this.routeHidden = false;
    } else {
      this.routeHidden = true;
    }
  }
});
}