Question

有没有办法在angular2中动态加载模板？在angular1中，我使用ng-include在主控制器视图中加载不同的html模板。我知道angular2只能使用1个templateUrl并且在angular2中搜索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: Insert a dynamic component as child of a container in the DOM

最新的示例，但可以在此处找到更复杂的示例：How can I use/create dynamic template to compile dynamic Component with Angular 2.0?

Angular2动态模板或ng-include

2 个答案: