在单个 Ractive 实例中动态加载部分

Question

我想制作一个模板，可以确定它将呈现哪个部分，这样

在模板中：

{{#objectA}}
  {{>partial}}
{{/}}
{{objectB}}
  {{>partial}}
{{/}}

其中 partial 是一个 属性，在 objectA 和 objectB 上具有模板值

是否有任何合理的方法可以做到这一点，或者在单个实例中有类似的方法？

Answer 1

Checkout Partial Expressions aka dynamic partials 他们正是根据部分名称的解析作为参考来执行此操作的。假设每个对象都有一个 foo 属性:

{{#partial bar}}
 bar partial!
{{/partial}}

{{#partial qux}}
 qux partial!
{{/partial}}

{{#each items}}
    <li>item {{>foo}}
{{/each}}

数据如下：

items: [
    { foo: 'bar' },
    { foo: 'qux' },     
]

见http://jsfiddle.net/52k645wh/