Angular - 组件中 module.id 的含义是什么？

Question

在 Angular 应用程序中，我看到 @Component 具有属性 moduleId。这是什么意思？

当 module.id 没有在任何地方定义时，应用程序仍然可以工作。怎么还能用？

@Component({
  moduleId: module.id,
  selector: 'ng-app',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.css'],
  directives: [AppComponent]
});

Answer 1

Angular 的测试版(从 2-alpha.51 版本开始)支持组件的相关资源，例如 @Component 中的 templateUrl 和 styleUrls装饰器。

module.id使用 CommonJS 时有效。您无需担心它的工作原理。

Remember: setting moduleId: module.id in the @Component decorator is the key here. If you don't have that then Angular 2 will be looking for your files at the root level.

来源自Justin Schwartzenberger's post , 感谢 @Pradeep Jain

2016 年 9 月 16 日更新:

If you are using webpack for bundling then you don't need module.id in decorator. Webpack plugins auto handle (add it) module.id in final bundle