从导航栏隐藏特定组件的元素

Question

我正在使用angular 5创建一个包含2个组件和一个导航栏的简单页面。

在app.component中，我有：

<app-navbar></app-navbar>

<ui-view></ui-view>

在app-navbar中，我有：

<li>
    <a uiSrefActive="active" uiSref="test" data-toggle="tab" title="test">
        <span class="round-tabs two">
            Test 1
        </span>
    </a>
</li>

<li>
    <a uiSrefActive="active" uiSref="test2" data-toggle="tab" title="test2">
        <span class="round-tabs two">
            Test 2
        </span>
    </a>
</li>

对于导航，我正在使用ui路由器。我注意到导航栏仅在第一次加载。如果我在组件1中，而我在组件2中是2，如何显示Test1。