如何在Angular2

时间:2016-11-26 09:37:23

标签: html angular

我有一个组件及其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>

现在,我想在template.html中加入hello-world.html个文件。我怎么能这样做。

在Angular1中我曾经做过,

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

我怎样才能在Angular2中做到这一点?我是Angular2的新手。

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

1 个答案:

答案 0 :(得分:1)

简短:尚无法开箱即用。

您可以创建一个[merge] tool = kdiff3 [mergetool "kdiff3"] path = C:/Program Files/KDiff3/kdiff3.exe trustExitCode = false [diff] guitool = kdiff3 [difftool "kdiff3"] path = C:/Program Files/KDiff3/kdiff3.exe trustExitCode = false 类似旧的Directive,它将为您完成工作。 ng-include将加载html文件,然后将其粘贴到DOM