angular - 为什么我们在 angular2 中使用 moduleId :module. id

Question

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

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'] 
})