Question

开始研究Angular2，我对以下代码感到好奇：

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

vs

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

那里的.component.html是什么？

Answer 1

两者都相同，角度会添加.component，只是为了区分它是组件。
它会在文件夹中显示您的模板名称，如果您要手动创建组件，则由您决定是添加.component还是添加。
如果您正在使用组件名称中的命令行.component自动创建组件。

请为该类型的文件提供常规后缀（例如.component.ts，.directive.ts，.module.ts，.pipe.ts或.service.ts）的文件名。

请点击此处了解更多信息

https://angular.io/styleguide

Answer 2

它什么都不做，

为了我们的不足，我们可以同时使用demo.component.html/demo.html，但是有一些文件名，变量名的指南，作为标准做法，

有关详细信息，请重新提交：Style Guide

angular2 templateUrl

2 个答案: