Question

我想仅显示此代码，如果路由器不等于''和'/ dashboard'。

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    <ul class="nav navbar-nav navbar-right">
        <li><a routerLink="/dashboard"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span></a></li>
    </ul>
</div>

怎么做？

Answer 1

您可以在用户导航至 /信息中心时创建服务并设置标记。 获取注入服务的标志，并将其用作*ngIf

的条件

修改

请查看RouterLinkActive指令的官方文档。

在您的情况下，您可以定义一个简单的CSS类

.hidden {
    visibility:hidden;
 }

并在routerLinkActive为/ dashboard

时应用它

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" 
     routerLinkActive="hidden" [routerLinkActiveOptions]="{exact: true}">
    <ul class="nav navbar-nav navbar-right">
        <li><a routerLink="/dashboard"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span></a></li>
    </ul>
</div>

Answer 2

您可以查看以下网址，这里定义了您想要的确切解决方案。 In Angular 2 how do you determine the active route?

首先，您需要绑定属性。

您的标签名称

根据属性，你需要调用一个函数（YourFunction）并传递你的路线。
在TS文件中，您可以检查路由器是否处于活动状态，然后设置标记。
将该标志与NgIf一起使用到您想要显示/隐藏的div。

当路由器不相等时显示div - angular2

2 个答案:

修改