ember.js - 在 Handlebars.js 辅助参数中连接字符串和变量的合理方法？

Question

我正在尝试在 Ember 中构建一个简单的模态组件，但似乎 Handlebars 的“无逻辑”对我来说太不合逻辑了。有没有什么明智的方法可以达到这样的结果？

<h2>Nice block about {{title}}</h2>
<a href="#" data-toggle="modal" id="add-item-{{title}}"> {{!this works}}

{{#my-modal modal-id="add-item-{{title}}" header='New {{title}}'}} {{! those don't}}
  <p>My body blabla</p>
{{/my-modal}}

目前我的模态 ID 为 "add-item-{{title}}" ，字面意思，以及模态标题。

而且...不，目前我不考虑将“标题”作为新参数传递并在模式中使用它。另一个模板中的模态标题可能不是“New {{title}}”，而是“您确定吗？”或“有关 {{title}} 的详细信息”。

Answer 1

您正在寻找的是 concat helper 。使用它，您的第二个示例将变为:

{{#my-modal modal-id=(concat 'add-item-' title) header=(concat 'New ' title)}} 
  <p>My body blabla</p>
{{/my-modal}}