angular2 templateUrl中的.component.html和.html之间有什么区别

开始使用Angular2，我对以下代码感到好奇：

 import { Component } from '@angular/core';
@Component({
 selector: 'my-app',
 templateUrl: `example.component.html`,
})
export class AppComponent  { name = 'John'; }

vs

其中的.component.html是什么？

• 两者都相同，angular将添加

  .component

  ，以区分它是组件

• 它会在文件夹中突出模板的名称，这取决于您是添加

  .component

  ，还是手动创建组件

• 如果您使用命令行创建组件，angular将自动在组件名称中

  .component

对于该类型的文件，请为文件名指定常规后缀（例如.component.ts、.directive.ts、.module.ts、.pipe.ts或.service.ts）

更多信息请参见此处

它什么也不做
为了便于理解，我们可以同时使用

demo.component.html/demo.html

， 但是有一些关于文件名、变量名的指南，作为标准实践

---

有关更多详细信息，请重新命名：
仅命名约定。是否添加组件取决于您自己。请参阅《样式指南》

import { Component } from '@angular/core';
@Component({
  selector: 'my-app',
  templateUrl: `example.html`,
})
export class AppComponent  { name = 'John'; }