Question

我有两个聚合物元素，其中一个依赖于另一个（如选择和选项）。所以我有一个tab元素和一个tab区域元素。我希望tab元素具有类似

的内容

<template name="title-template">

</template>

<template name="content-template">

</template>

并且tab区域元素加载tab元素（我已经完成），并分别加载每个模板：

<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>

聚合物中是否可能？或者我应该尝试寻找另一种方法？如果是后者，你能推荐什么？

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>

如何选择要显示的模板？

1 个答案: