Angular2動態模板或ng-include

Question

有沒有辦法在angular2中動態加載模板？ 在angular1中，我使用ng-include在主控制器視圖中加載不同的html模板。 我知道angular2只能使用1個templateUrl並且在angular2中使用go ng-include ling ng-include並且找不到任何引用。

Answer 1

為什么你需要ng-include，當你可以將html作為自定義新組件並在任何需要的地方使用它時，多虧了選擇器標簽。

例如：

    @Component({
      selector: 'app-my-component',
      templateUrl: './my-component.component.html'
  })

所以在這里， my-component.component.html文件可以包含要包含的標記或在其他地方顯示。 並且選擇器標記值<app-my-component></app-my-component>可以在整個應用程序標記html文件中使用（您可以將其視為您的日常html標記 - 但在本質上高度自定義並由角度框架首先也稱為自定義標簽，但使用角度構建）。

Answer 2

不確定動態模板，但您可以插入一個動態組件（其中有一個不同的模板）。

一個簡單的例子，但在這里可以找到棄用： Angular2：在DOM中插入一個動態組件作為容器的子組件

這是一個最新的例子，但更復雜的可以在這里找到： 如何使用/創建動態模板來使用Angular 2.0編譯動態組件？