给定data- template -name的匹配模板名称是什么

Question

我正在使用grunt-ember-templates预编译我的模板。不出所料，此工具将我的模板放入Ember.TEMPLATES数组中。我正在对grunt-ember-templates的配置进行微调。为此，我想知道Ember.TEMPLATES数组中的预期关键字是什么。假设我有这个模板：

<script type="text/x-handlebars" data-template-name="phones/index">
    ....
</script>

目前，我在一个名为app/templates/phones_index.hbs的文件中有这个模板，grunt-ember-templates将预编译的模板放在Ember.TEMPLATES["app/templates/phones_index"]中，但这是错误的。

data-template-name="phones/index"的预期密钥是什么

Answer 1

在您的示例中，Ember.TEMPLATES中的关键字应该是"phones/index“。

您可以配置grunt-ember-templates来删除路径的第一部分，而将所有内容都保留在app/templates/之后，这将为您提供正确的密钥(假设您将模板放在文件app/templates/phones/index.hbs中)。使用此设置，app/templates/phones/index.hbs文件的键将是Ember.TEMPLATES['phones/index']，这与使用data-template-name="phones/index"拥有一个未编译的<script>标记相同。

Gruntfile.js (与this项目中的Gruntfile.js相同)：

ember_templates: {
  options: {
    templateName: function(sourceFile) {
      return sourceFile.replace(/app\/templates\//, '');
    }
  },
  'dependencies/compiled/templates.js': ["app/templates/**/*.hbs"]
},