如何向 dom-repeat 中的元素添加附加绑定?
How can I add an additional binding to an element inside a dom-repeat?
我有一个模板 dom-repeat 元素。我知道我可以从数组中定义 items
属性,这样就可以在模板内部访问 item
。但是,如果我将它们绑定到客户聚合物元素,我不知道如何访问模板内的其他对象。
在此示例中,items
由 someItems
定义,并且 item
被传递到元素 <my-el>
。我还有一个字符串 mine
,我想传递给 <my-el>
并在那里使用。我目前有想法在 app-el.html 中执行此操作,其中包含 dom-repeat 模板:
应用-el.html
<template is="dom-repeat" items="[[someItems]]">
<my-el item=[[item]] mine="[[mine]]"></my-el><br>
</template>
理论上,我可以像这样在 my-el.html 中访问两者:
我的-el.html
[[item]] [[mine]]
但是,当我尝试从 <my-el>
内部访问 mine
时,它是未定义的。我怎样才能正确传递这个字符串以便我可以访问它?
可以在此 Plunker 上找到 MCVE。请注意 item
字符串是如何在 <my-el>
中定义的,但 mine
字符串不是。
您的数据绑定看起来是正确的,但是 my-app
没有 mine
属性。您是要将 <my-app>.myProperty
定义为 <my-app>.mine
吗?将 属性 名称更改为 mine
可解决您的问题。
我有一个模板 dom-repeat 元素。我知道我可以从数组中定义 items
属性,这样就可以在模板内部访问 item
。但是,如果我将它们绑定到客户聚合物元素,我不知道如何访问模板内的其他对象。
在此示例中,items
由 someItems
定义,并且 item
被传递到元素 <my-el>
。我还有一个字符串 mine
,我想传递给 <my-el>
并在那里使用。我目前有想法在 app-el.html 中执行此操作,其中包含 dom-repeat 模板:
应用-el.html
<template is="dom-repeat" items="[[someItems]]">
<my-el item=[[item]] mine="[[mine]]"></my-el><br>
</template>
理论上,我可以像这样在 my-el.html 中访问两者:
我的-el.html
[[item]] [[mine]]
但是,当我尝试从 <my-el>
内部访问 mine
时,它是未定义的。我怎样才能正确传递这个字符串以便我可以访问它?
可以在此 Plunker 上找到 MCVE。请注意 item
字符串是如何在 <my-el>
中定义的,但 mine
字符串不是。
您的数据绑定看起来是正确的,但是 my-app
没有 mine
属性。您是要将 <my-app>.myProperty
定义为 <my-app>.mine
吗?将 属性 名称更改为 mine
可解决您的问题。