Angular 4访问路由器组件内另一个组件的dom

Question

我在我的应用中创建了工具栏和相关组件

所以这是我创建的布局

<div fxLayout="column">
    <div>
        <app-platformbar ></app-platformbar>
    </div>
    <div>
        <router-outlet></router-outlet>
    </div>
</div>

platforbar组件适用于所有路由

<md-toolbar color="primary" >
    <span><h2>{{Name}}</h2></span>
    <span *ngIf="showLogoutBtn"><button md-raised-button color="warn" (click)="logout()">Logout</button></span>
</md-toolbar>

在 platforBar 组件中，我创建了一个我不希望在登录（组件）路由器上显示的注销按钮

我已将用户对象存储在 userservice 中，以确定用户是否已登录。

基于已登录我想隐藏注销按钮。

所以我希望用户点击家用路由器的注销按钮它会将其重定向到登录路由器但是platformbar组件的注销按钮仍然存在

所以我想在登录路由器上隐藏它。