防止聚合物模板汤

Question

我发现自己经常编写深层次的嵌套模板，因为我无法弄清楚如何以任何其他方式编写相当简单的条件。这导致我的DOM树中有一千个模板节点，这只是一团糟。

举一个例子，以下是自定义选择框的片段（用Jade编写。“模板＃选项” - ＆gt; <template id="option">等）< / p>

// note that this template is user-replaceable which is why it's out here
template#option
    span {{ label }}

#dropdown
    template( repeat='{{ option, ix in options }}' )
        template( if='{{ !option.hidden }}' )
            .option( data-ix='{{ ix }}' class='{{ option.active ? "active" : "" }}' )
                template( bind='{{ option }}' ref='option' )

我只是在寻求帮助来清理它。我觉得我应该能够写出类似的内容：

#dropdown
    .option( template repeat='{{ option, ix in options }}'
                          if='{{ !option.hidden }}'
                     data-ix='{{ ix }}'
                       class='{{ option.active ? "active" : "" }}'
    )
        template( bind='{{ option }}' ref='option' )

但我似乎无法得到类似的东西。