Question

我在项目中有4页。

[
  { path: 'page1', component: Page1Component },
  { path: 'page2', component: Page2Component },
  { path: 'page3', component: Page3Component },
  { path: 'page4', component: Page4Component },
]

在第4页中，我从后端检索一个URL，该URL是/page1，/page2，/page3之一。然后我必须将该页面嵌入/page4中。

我目前正在用iframe来做，但这不好。

有什么方法可以使用ng-template或其他方式吗？

Answer 1

喜欢吗？

{path : 'profile', component: ProfileComponent , 
            children : [
              {path: '' , component: ProfileBoardComponent },
              {path: 'friends' , component: ProfileFriendsComponent }
            ]},

或者您是在html组件中表示这个意思？

    <app-menu></app-menu>
    <router-outlet></router-outlet>

将<app-menu>击中组件

Answer 2

您可以根据需要设置许多router-outlet，因此您应该尝试在page4中使用一个，这意味着您必须修改路由。

以这种方式，例如，当您转到第2页时，它将出现在第4页的路由器出口中。

我了解您可能不希望导入其他模块，例如性能和加载时间，但是在那种情况下，您可以使用SharedModule仅通过共享这些组件来避免这种情况，我们避免使用该模块“ x“不知道模块” y“。

我认为这只是体系结构的问题，但只有您了解项目的复杂性。

祝你好运！

如何在Angular 5中的页面内加载其他页面

2 个答案: