Javascript 聚合物1.0与父元素的双向数据绑定
我有一个简单的子元素:Javascript 聚合物1.0与父元素的双向数据绑定,javascript,data-binding,polymer,Javascript,Data Binding,Polymer,我有一个简单的子元素: <dom-module id="child-element"> <template> <button on-click="holaClick">Hola local</button> <button on-click="darNombre">Hola otro element</button> <input is="iron-input"
<dom-module id="child-element">
<template>
<button on-click="holaClick">Hola local</button>
<button on-click="darNombre">Hola otro element</button>
<input is="iron-input" bind-value="{{pp}}"
placeholder="Your name here...">
</template>
<script>
Polymer({
is: "child-element",
properties: {
pp: {
//Boolean, Date, Number, String, Array or Object
type: String,
value: "Valor por defecto de la property"
}
},
holaClick:function(){
alert("AA: "+this.pp);
}
});
</script>
</dom-module>
霍拉本地酒店
霍拉奥特罗元件
聚合物({
是:“子元素”,
特性:{
第页:{
//布尔值、日期、数字、字符串、数组或对象
类型:字符串,
价值:“Valor por defecto de la property”
}
},
holaClick:function(){
警报(“AA:+this.pp”);
}
});
我有一个父元素:
<?= $this->element('Polymer/test-element'); ?>
<dom-module id="proto-element">
<template>
<!-- scoped CSS for this element -->
<style>
p {
color: red;
}
</style>
<div>
<!-- any children are rendered here -->
<content>
<p>hola3</p>
<p2>Este es dinamico: <b>{{myvariable}}</b></p2><br>
<p2>Esta es una property: <span>{{myproperty}}</span></p2><br>
<p2>Esta es una property que cambie desde el html: <b>{{myproperty2}}</b></p2><br>
<p2>Esta es una property que esta bindeada al iron-input: <b>{{myproperty3}}</b></p2><br>
<input is="iron-input" bind-value="{{myproperty3}}"
placeholder="Your name here...">
</content>
</div>
<test-element pp="{{myproperty3}}"></test-element>
</template>
<script>
// register a new element called proto-element
Polymer({
is: "proto-element",
properties: {
myproperty: {
//Boolean, Date, Number, String, Array or Object
type: String,
value: "Valor por defecto de la property"
},
myproperty2:String,
myproperty3:{
//Boolean, Date, Number, String, Array or Object
type: String,
value: "Valor por defecto de la property 3"
}
},
ready: function() {
this.myvariable = "soy un atributo del elemento!"
},
darNombre: function(){
alert("BB");
}
});
</script>
</dom-module>
p{
颜色:红色;
}
hola3
Este es dinamico:{{myvariable}}
Esta es una属性:{{myproperty}}
坎比地区的房地产:{{myproperty2}}
Esta es una property que Esta bindeada al iron输入:{{myproperty3}}
//注册一个名为proto-element的新元素
聚合物({
是:“原始元素”,
特性:{
我的财产:{
//布尔值、日期、数字、字符串、数组或对象
类型:字符串,
价值:“Valor por defecto de la property”
},
myproperty2:字符串,
myproperty3:{
//布尔值、日期、数字、字符串、数组或对象
类型:字符串,
价值:“Valor por defecto de la property 3”
}
},
就绪:函数(){
this.myvariable=“soy un atributo del elemento!”
},
darNombre:function(){
警报(“BB”);
}
});
当我更改父元素的iron输入时,绑定工作正常。但是,当我更改子元素的iron输入时,父元素不会更新。我怎样才能做到这一点
谢谢你正如@alan所说,在你的财产上设置
notify:true
尝试在您的属性上设置
notify:true
如此简单!非常感谢。