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