Javascript 预防聚合物模板汤

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

举个例子，下面是一个来自自定义选择框的片段（用Jade编写。“模板#选项”-->

，等等）

我只是想找人帮忙清理一下。我觉得我应该能够写一些东西，比如：

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

---

但我似乎找不到类似的方法来工作。

@Nikos-什么？这些是HTML模板。特定于HTML5/聚合物。

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