如何在Angular2中的视图中添加没有组件的HTML部分

Question

我有一个组件及其HTML文件。

零件：

你好，world.component.ts

import {Component} from 'angular2/core';
@Component({
  selector: 'hello-world',
  templateUrl: 'hello-world.html'
})
export class HelloWorld {
  yourName: string = '';
}

模板：

你好，world.html：

<label>Name:</label>

<h1>Hello {{yourName}}!</h1>

现在，我有其他没有组件的html template.html ，例如它包含，

template.html

<h1>Welcome to template file</h1>
<p> This is an example file </p>

现在，我想在hello-world.html包含template.html文件。 我怎样才能做到这一点。

在Angular1我曾经做过，

<div ng-include src="'template.html'"></div>

我怎么能在Angular2中做到这一点？ 我是Angular2的新手。

我在很多地方搜索过这个问题，每个人都给出了一个有组件的答案。 但没有得到我所需的解决方案。

Answer 1

简短：尚未开箱即用。

您可以创建一个类似旧的ng-include的Directive ，它将为您完成工作..该Directive将加载html文件，然后将其粘贴到DOM