Data binding 聚合物自定义数据组件无法发送数据的原因
您需要先在my-app.html中导入my-data.html和my-num.html 例如:Data binding 聚合物自定义数据组件无法发送数据的原因,data-binding,polymer-2.x,custom-element,Data Binding,Polymer 2.x,Custom Element,您需要先在my-app.html中导入my-data.html和my-num.html 例如: <my-data data="{{data}}"></my-data> <dom-repeat items="{{data}}" as="entry"> <template> <my-num entry="[[entry]]" ></my-num> </template>
<my-data data="{{data}}"></my-data>
<dom-repeat items="{{data}}" as="entry">
<template>
<my-num entry="[[entry]]" ></my-num>
</template>
</dom-repeat>
</template>
<script>
class MyApp extends Polymer.Element {
static get is() { return 'my-app'; }
static get properties() {
return {
data: {
type: Array,
}
}
}
}
window.customElements.define(MyApp.is, MyApp);
</script>
谢谢,可以呈现my data元素,但其他元素仍然无法从my data的data属性中获取信息。这取决于您在my-app.html中的操作方式?这将是不同的问题或编辑您的问题,让我知道。您可以发布代码或my-num.html。你也导入了那个文件吗?是的,我已经导入了。现在检查我的更新答案,请删除你的答案。是吗?有关如何使用dom托管模板的信息,请参见。请参阅示例。如果要在“我的数据”中更改数组或对象的数据,则必须通知父元素。这可以用聚合物的这个来处理。。。以这样的方式。设置“数据”,数据值。看见
<my-data data="{{data}}"></my-data>
<dom-repeat items="{{data}}" as="entry">
<template>
<my-num entry="[[entry]]" ></my-num>
</template>
</dom-repeat>
</template>
<script>
class MyApp extends Polymer.Element {
static get is() { return 'my-app'; }
static get properties() {
return {
data: {
type: Array,
}
}
}
}
window.customElements.define(MyApp.is, MyApp);
</script>
<link rel="import" href="my-data.html">
<link rel="import" href="my-num.html">
<link rel="import" href="../../bower_components/polymer/lib/elements/dom-repeat.html">