javascript - 如何选择显示哪个模板？

Question

我有两个 polymer 元素，其中一个元素依赖于另一个元素(如选择和选项)。所以我有一个选项卡元素和一个选项卡区域元素。我希望选项卡元素具有类似

<template name="title-template">

</template>

<template name="content-template">

</template>

选项卡区域元素加载选项卡元素(我已经完成了)，并分别加载每个模板:

<template>
    <ul>
        <template repeat="{{tab in tabs}}">
            <li>{{tab.getTemplate('title-template')}}</li>
        </template>
    </ul>

    <template repeat="{{tab in tabs}}">
        <div class="tab">
            {{tab.getTemplate('content-template')}}
        </div>
    </template>
</template>

这可能在 polymer 中吗？或者我应该尝试寻找另一种方法？如果是后者，你能推荐什么？

Answer 1

你可以直接嵌套模板 - 或者我错过了重点？

<polymer-element name="title-element"> 
    <template><content></content></template>
</polymer-element>  

<polymer-element name="tab-element"> 
  <template><content></content></template>
</polymer-element>  

<polymer-element name="tabs-element"> 
<template>
    <title-element></title-element>
    <template repeat="{{tab in tabs}}">
            <tab-element>{{tab}}</tab-element>
    </template>
</template>
</polymer-element>