问Angular:如何路由到一个全新的页面，而不是将其注入到<router-outlet></router-outlet>中？
EN

Stack Overflow用户

提问于 2019-06-06 16:36:27

回答 1查看 93关注 0票数 0

我想创建一个html页面，其中的标题不同于我的大多数页面。目前，我一直通过<router-outlet></router-outlet>注入内容，因此页眉和页脚总是相同的。我如何使路由器只查看连接到路由的组件html，而不是将其注入到<router-outlet></router-outlet>位置

angular

angular-routing

回答 1

Stack Overflow用户

发布于 2019-06-06 16:56:47

在你的应用程序component.html中，你应该有：

<body>
  <app-header></app-header>
  <router-outlet></router-outlet>
  <app-footer></app-footer>
</body>

您显然创建了app-header和app-footer组件。

如果你想在你的头中有一个特殊的行为，你可以在你的组件中实现这个行为。

如果您的特殊header完全不同，并且不与您的app-header组件共享任何逻辑，您可以创建一个新的header并有条件地显示它，例如：

<body>
  <app-header *ngIf="!condition"></app-header>
  <app-special-header *ngIf="condition"></app-special-header>
  <router-outlet></router-outlet>
  <app-footer></app-footer>
</body>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/56473784

复制

相似问题

问Angular:如何路由到一个全新的页面，而不是将其注入到<router-outlet></router-outlet>中？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Angular:如何路由到一个全新的页面，而不是将其注入到<router-outlet></router-outlet>中？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Angular:如何路由到一个全新的页面，而不是将其注入到<router-outlet></router-outlet>中？
EN