Polymer 如何将数据从主元素传递到子元素

Polymer 如何将数据从主元素传递到子元素,polymer,Polymer,无法使数据跨元素工作。假设我在宿主元素中有一个对象“记录”。它在该元素中是可用的,没有问题。但是,当我试图将视图拆分为一个单独的元素时,它就不再起作用了 下面是一个示例代码片段。.template部分工作正常,但我无法复制子元素.my list中的功能。当我尝试时,什么都没有发生 <dom-module id="host-element"> ... <template is="dom-repeat" items="{{records}}"> <p

无法使数据跨元素工作。假设我在宿主元素中有一个对象“记录”。它在该元素中是可用的,没有问题。但是,当我试图将视图拆分为一个单独的元素时,它就不再起作用了

下面是一个示例代码片段。.template部分工作正常,但我无法复制子元素.my list中的功能。当我尝试时,什么都没有发生

<dom-module id="host-element">
  ...
  <template is="dom-repeat" items="{{records}}">
      <p>{{item.userName}} - {{item.number}}</p>
    </template>

  <my-list></my-list>    

  <script>
    Polymer({
      is: 'host-element',
      ready: function() {
        this.records = [
          {userName: 'Bob'},
          {userName: 'Sally'}
        ];
      }
    });
  </script>

</dom-module>

...
{{item.userName}-{{item.number}

聚合物({ 是:'主体元素', 就绪:函数(){ 此项。记录=[ {用户名:'Bob'}, {用户名:'Sally'} ]; } });
如果我尝试简单地获取当前的.template代码并将其放入.my列表中,它将不起作用

我假设我需要某种方法将数据绑定到子元素中,但我无法解决这个问题。将:record=“{records}}}”添加到标记中,然后在子元素中使用它是无效的


想象一下,这很简单,只是在文档中找不到答案。

每个元素的顶级
模板
必须是普通模板(而不是
is=“dom repeat”
或其他专门化),否则,它应该很简单:


(需要镀铬)
{{item.userName}-{{item.number}

聚合物({ 是:“我的名单” }); 聚合物({ 是:'主体元素', 就绪:函数(){ this.records=[{userName:'Bob'},{userName:'Sally'}]; } });
每个元素的顶级
模板必须是普通模板(而不是
is=“dom repeat”
或其他专门化),否则,它应该简单明了:


(需要镀铬)
{{item.userName}-{{item.number}

聚合物({ 是:“我的名单” }); 聚合物({ 是:'主体元素', 就绪:函数(){ this.records=[{userName:'Bob'},{userName:'Sally'}]; } });
awesome,没想到模板标签这么挑剔。工作就像我需要的!太棒了,没想到模板标签这么挑剔。工作就像我需要的!