首页 > 解决方案 > 如何删除图片中的第二个标题?

问题描述

我有一个小问题。如您所见,在图片中,我的 Header 在站点 /printservice 上显示了两次。我在我的 app.component.ts 中写了这段代码:

[在此处输入图像描述][1]if ( this.routername == "/login" || this.routername == "/admin" || this.routername == "/printservice" || this.routername == " " ) { this.showHeader = false;

此代码有效,打印服务除外。

我的 app.component.html 看起来像这样:

    <!-- Header-->
    <div class="header" *ngIf="showHeader">
        <router-outlet name="headerOutlet"></router-outlet>
    </div>
    <!-- Routeroutlet-->
    <div class="outlet">
        <!-- activates the method on the ts file -->
        <router-outlet  (activate)="componentAdded($event)"></router-outlet>
    </div>
</html>```


  [1]: https://i.stack.imgur.com/icGwz.png

标签: angulartypescriptheader

解决方案


推荐阅读