为什么我们在angular2中使用moduleId：module.id

Question

为什么在moduleId:module.id组件中使用templateUrl时需要使用Angular 2。

import { Component } from '@angular/core';

@Component({
  moduleId:module.id,
  selector: 'my-app',
  templateUrl:`app.component.html`,
})

export class AppComponent  { name = 'Angular 2 website'; }

Answer 1

组件的相对资产，例如@Component装饰器中的templateUrl和styleUrls。

moduleId用于解析样式表和模板的相对路径，如文档中所述。

没有模块ID

@Component({
  selector: 'my-component',
  templateUrl: 'app/components/my.component.html',
  styleUrls:  ['app/components/my.component.css'] 
})

使用模块ID

@Component({
  moduleId: module.id,
  selector: 'my-component',
  templateUrl: 'my.component.html', 
  styleUrls:  ['my.component.css'] 
})