使用html文件作为角度2中组件的模板

Question

我有以下app结构

app
   home
       home.html
       home.ts
       home.sass
   app.component.ts
index.html

基本上我想将我的页面分成单独的文件夹，这些文件夹包含与它们相关的样式，.ts和.html文件

但是目前正在加载像这样的模板

import {Component} from 'angular2/core';

@Component({
    selector: 'admin-app',
    template: 'home/home.html'
})
export class AppComponent { }

文学加载“home / home.html”字符串作为模板，我想要home.html文件的html内容。

Answer 1

我认为如果你想传递一个模板，你应该使用

templateUrl: 'home/home.html'

这应该发出一个http请求并将html加载到你的组件中。

Answer 2

您可能需要考虑使用Webpack。在这种情况下，你只需：

@Component({
    selector: 'my-comp',
    template: require('./mycomp.component.html')
})

到目前为止，我发现它是一个可靠的解决方案，因为如果URL不正确，它实际上会抛出编译时错误。