Question

我在category标记包含的<template>标记内传递core-list变量时遇到问题。

我试过different binding approaches，但没有运气。 {{category}}相关地显示在第二个模板标记之外。

<polymer-element name="library-list" attributes="category">
<template>
    <style>
    ...
    </style>

    <service-library id="library" items="{{items}}"></service-library>

    <core-list id="list" data="{{items}}" on-core-select="{{onClick}}">
        <template>
            <div class="item {{ {selected: selected} | tokenList }}" hidden?="{{category == type}}">
                <div class="message">
                    <span class="title">{{title}}</span>
                </div>
            </div>
        </template>
    </core-list>
</template>

Answer 1

也许你想尝试注射方法。

 <core-list data="{{data}}">
    <template>
      <div class="item {{ {selected: selected} | tokenList }}">
          <span>{{foo}}-<b>{{category}}</b></span>
      </div>
    </template>
  </core-list>
...
data.push({
    foo: 999,
    category:this.category,
    ...});

jsbin demo http://jsbin.com/mokok

Answer 2

我找不到一个好的解决方案，所以我过滤了数据，而不是显示core-list。

聚合物通过核心元素绑定值

2 个答案: