title: How to load other page inside the page in Angular 5
body: <p>I have 4 pages in the project.</p>
  
  <pre><code>[
    { path: 'page1', component: Page1Component },
    { path: 'page2', component: Page2Component },
    { path: 'page3', component: Page3Component },
    { path: 'page4', component: Page4Component },
  ]
  </code></pre>
  
  <p>In page4, I retrieve a URL from the backend which is one of <code>/page1</code>, <code>/page2</code>, <code>/page3</code>. And then I have to embed that page in <code>/page4</code>.</p>
  
  <p>I am currently doing it with <code>iframe</code> but it's not good.</p>
  
  <p>Is there any way to do it using <code>ng-template</code> or something else?</p>