使用 Mustache 动态渲染部分模板

Question

有没有一种方法可以动态注入部分模板（并使其在 Ruby 和 Javascript 中以相同的方式工作）？基本上，我试图在列表中渲染不同类型的对象。

我能想到的最好的办法是：

<div class="items">
{{#items}}
<div class="item">
  {{#is_message}}
  {{> message}}
  {{/is_message}}

  {{#is_picture}}
  {{> picture}}
  {{/is_picture}}
</div>
{{/items}}
</div>

我对这种方法不太感兴趣。 有更好的办法吗？

另请注意，不同类型的视图模型可以具有不相似的字段。我想我总是可以使用最小公分母并让数据哈希包含 html，但是我宁愿使用小胡子模板。

Answer 1

我做了和你一样的事情，对于每个属性类型，我需要一个动态部分，我只是在模板中渲染的 js 数据模型中设置一个动态变量......

eval("this.set({is_" + this.get("propertyType") + ": true})")

或者

this["is_" + propertyType] = true

至少我不必手动设置'is_whatever' 变量...

如果 Mustache.js 或 ICanHaz.js 对于 Mustache 标签内的动态属性有一些巧妙的语法，那就太酷了...也许是这样的：

{{>{{message}} }}