使用data-template-name为Ember.js模板命名

Question

我注意到Ember.js的文档中解释了如何命名模板，即通过将<script>标签的data-template-name设置为模板的名称。但在Tom Dale在Ember.js文档站点上发布的最新视频中，他使用id来命名模板。我假设两种方式都是在Ember中命名模板的有效方式。那么，应该使用data-template-name而不是id吗？

- Glen Selle

---

我会说，没有优缺点，但是id更加简洁。 - sly7_7

data-template-name或id的作用是相同的。真正重要的是模板本身的名称，这是将模板与应用程序的其他部分连接起来的关键。 - MilkyWayJoe

Answer 1

虽然两种方法都可以，但使用data-template-name可以让您自由地使用元素ID，这样不会与您的模板名称发生冲突。

- zeppelin

---

同意-当您将您的把手模板移动到独立文件中（例如生产环境），您就不需要担心id与data-template-name之间的区别（根据模板文件名让您的构建工具为您完成此操作）。 - Toran Billups

@Toran 很好的观点 - 我忘记了构建工具和使用文件名代替 data-template-name 或 ids 的好处。 - Glen Selle

所以，数据模板名称和模板脚本标签上的ID是完全相同的吗？ - Connor Leech

是的。Ember 首先会查找 data-template-name，然后是 id：https://github.com/emberjs/ember.js/blob/69738fcd698bb2d4230cbef2c8fb65c82bb8d951/packages/ember-handlebars/lib/loader.js#L42 - zeppelin

@zeppelin 很棒的参考资料！ - Feech