角度7：@Component装饰器中的“模板”是什么？

Question

@Component装饰器中的“模板”有什么用？我确实知道“ templateURL”是如何工作的，但是我没有尝试在组件内部编写HTML。

使用此网址代替templateURL的好处是什么？谢谢！

Answer 1

如果使用模板，则可以在.ts文件中编写html。如果您的组件很小（大多数tslint示例中的默认值为3行），则对于减少单独的.html文件的混乱情况很有用。

但是，如果要制作更大的组件，则应继续使用templateUrl来提高可读性，并使视图和逻辑分开。

您可以将所有内容放在模板中，但是在官方Angular样式指南中不建议这样做。 Style guide

Answer 2

您的问题与Angular 7并没有特别的联系。template和templateUlr自Angular 2起就引入了。

您的问题中实际上有几个问题。让我们潜入吧！

• template用于在ts文件中编写伪HTML文档。
• templateUrl用于引用包含伪HTML的外部文件

生产管理没有任何后果，因为（希望）您的项目将在一个静态网站上进行转换，在该网站上所有内容都得到了优化和最小化。

因此，它实际上归结为您更易于阅读和管理的内容。