Angular 另一页上的不同导航栏和页脚

角度CLI:9.1.7

我是Angular的新手，当用户导航到家庭以外的其他组件、登录、注册和忘记密码时，我希望在显示完全不同的顶部导航栏、侧边栏和页脚方面得到一些帮助

在仪表板上，会显示新的顶部导航栏和侧栏，但仍会显示旧的导航栏

和页脚

当用户不在主页、登录、注册和忘记密码页面时，如何使

和

不显示

app.component.html

app-routing.module.ts

dashboard.component.html

---

将激活置于app.component.ts中的路由器出口

<router-outlet (activate)="showHide($event)"></router-outlet>

isShow=true;
showHide(event){
    if(event instanceof YourComponent) {this.isShow=false}else{ this.isShow=true};
 } 

在html中与ngIf一起使用

<app-header *ngIf="isShow"></app-header>
    
<!-- routes will be rendered here -->

<app-footer *ngIf="isShow"></app-footer>

---

将激活置于app.component.ts中的路由器出口

<router-outlet (activate)="showHide($event)"></router-outlet>

isShow=true;
showHide(event){
    if(event instanceof YourComponent) {this.isShow=false}else{ this.isShow=true};
 } 

在html中与ngIf一起使用

<app-header *ngIf="isShow"></app-header>
    
<!-- routes will be rendered here -->

<app-footer *ngIf="isShow"></app-footer>

---

我个人会添加一个新的路由，例如newcompw，它有不同的页眉和页脚，这将包含不同的页眉和页脚，如果希望用户在不同的url中看到差异，我会这样做。但是如果url必须保持不变，我只需要将页眉和页脚换成正确的

---

记住，如果采用新路线方法，则必须添加新路线，如果你想有额外的组织，把当前的页眉和页脚放在一个有页脚或页眉名称的文件夹中，并给每个页眉和页脚加上特定的名称，以便更容易找到它们。

我个人会添加一个新的路由，例如新来的路由，它有不同的页眉和页脚，这将包含不同的页眉和页脚，如果希望用户在不同的url上看到差异，我会这样做。但是如果url必须保持不变，我只需要将页眉和页脚换成正确的

请记住，如果使用新路由方法，则必须添加一条新路由，如果要进行额外组织，请将当前页眉和页脚放在具有页脚或页眉名称的文件夹中，并将特定名称放在每个页眉和页脚上，以便更容易地找到它们

<app-header *ngIf="isShow"></app-header>
    
<!-- routes will be rendered here -->

<app-footer *ngIf="isShow"></app-footer>