我app.component
在 Angular 中有以下主要组件的结构:
<div class="links">
<div class="link_1"></div>
<div class="link_2"></div>
</div>
<router-outlet></router-outlet>
所以在<router-outlet></router-outlet>
不同的组件中被替换。
<div class="link_1"></div>
如果内部有组件<router-outlet></router-outlet>
作为实例如何隐藏EventComponent
?
以及如何显示<div class="link_2"></div>
它是否是另一个组件,无论是哪个。我想知道如何显示/隐藏上面的菜单元素取决于下面的当前组件。
我不想在每个组件中创建变量 public show = true;
尝试将路由器与路由器插座一起包含在您的组件中,并查找与所选链接对应的路径,例如
constructor(private _router: Router ) {}
get currentUrl() { return this._router.url; }
然后在你的模板中
<div *ngIf="currentUrl !== 'someUrl'" class="link_1"></div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句