在视图之间共享ng-bootstrap模式

Question

在我的组件模板中，我正在使用此ng bootstrap ngbModalContainer属性

<template ngbModalContainer></template>

我打开这样的模态

this.modalService.open(componentForMyModal);

当我更改视图时，如何才能在屏幕上保留模态？

Answer 1

在使用路由器的角度2中，有一个中心点，您可以在主app.component.html文件中正常加载路径

 <router-outlet></router-outlet>

如果您想与所有路线共享html和/或组件，请在路由器插座标签下方或上方进行此操作。 所以，如果你想在所有组件之间共享导航栏，那么你在app.component.html中所做的就是：

  <nav> </nav>
  <router-outlet></router-outlet>