Как добавить частичный HTML без компонента внутри представления в Angular2

Question

У меня есть компонент и его HTML-файл.

компонент:

HELLO-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> 

Теперь я хотел включить template.html файл в hello-world.html. Как мне это сделать.

В Angular1 я имел обыкновение делать,

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

Как я могу сделать это в Angular2? Я очень новичок в Angular2.

Я искал этот вопрос во многих местах, каждый из них дает ответ, содержащий компоненты. но не получил моего необходимого решения.

Answer 1

Короткие: все еще не из коробки.

Вы можете создать Directive как старый ng-include, который будет делать работу за вас .. Это Directive бы загрузить HTML-файл, а затем вставить его в DOM