javascript - polymer 0.5.5 : conditional template and/or template dynamic reference inside core-list

Question

我有一个 polymer 0.5.5 核心列表，它显示来自 AJAX 调用的一些项目。在核心列表中，如果我有一个模板，它可以正常工作并按预期显示我的项目。我想做的是重用相同的核心列表来显示不同项目的列表，这些项目应该绑定(bind)到不同的模板。我一辈子都无法让它发挥作用。

我尝试过使用两个带有 if 属性的模板来使用相反条件(if="{{model.attribute}}" 和 if="{{!model.attribute} }")，但这两个条件似乎总是评估为 false。

我尝试过带有 ref 属性的模板，该属性通过条件 (ref="{{model.attribute?'template1':'template2'}}") 或通过中的变量计算我的元素 (ref="{{mode}}")，我在再次调用 AJAX 请求之前更改了该元素。

这一切都不起作用。在最好的情况下，仅使用第一个模板。在其他情况下，什么也没有出现。在其他代码组合上，情况更糟:我“似乎”获得了正确的初始模板，但有些东西不起作用，就好像只传递了部分模型对象一样。我对数据有一个过滤器，在某些奇怪的情况下，显示的数据应该更少。

我有一种沉闷的感觉，这种类型的动态模板与 core-list 配合得不好。有人达到这样的效果吗？基本上我只想要一个可以显示两种类型的项目并相应地切换模板的列表。由于切换是以编程方式完成的，因此如果需要，我可以在代码中执行操作，但我不确定可以通过这种方式在模板中更改什么。

谢谢!

Answer 1

这对我有用:

<div vertical layout fit style="overflow:auto;">
<h1>asd</h1>
<core-list data="{{ list_data }}" id="core_list_ps">
    <template>
        <div class="item">
         <!--  NOTE!
         All list data, as custom elements, must go inside the 'item' here. -->
        <template if="{{model.list1}}">
                  <my-list1
                          id="list1_id"
                          route="{{route}}"
                          list1_data='{{model}}'
                   ></my-list1>
         </template>   
         <template if="{{model.list2}}">
                  <my-list2
                          id="list2_id"
                          route="{{route}}"
                          list2_data='{{model}}'
                   ></my-list2>
         </template>   
         </div>
    </template>
</core-list> 

因此，根据传递到核心列表模型的数据 - 使用不同的自定义元素来渲染元素。

还使用 flatiron-director 根据路由过滤数据(list1/list2)。