使用模板中的节点和Angular 2中的templateUrl之间有什么区别吗？

Question

使用

之间有什么区别吗？

1. require来自模板中的节点
Angular 2中的

2. templateUrl

   @Component({
       selector: 'hello',
       template: require('./home.html'),
   })
   
   @Component({
       selector: 'hello',
       templateUrl: './hello.html',
   })
   

Answer 1

使用template属性可以在javascript文件中定义html模板。这可以用于小模板。

@Component({
    selector: 'hello',
    template: `<h1>This is part of template`
})

templateUrl加载./hello.html文件使用它代替模板。

@Component({
    selector: 'hello',
    templateUrl: './hello.html',
})

不同之处在于只使用template表示小模板，templateUrl表示文件。