[英]Polymer Two-Way Data Binding to new object instance not working
我試圖雙向綁定到本機元素,並且在DOM不能更新時遇到一些麻煩。
如果我有一個簡單的屬性,則可以正常工作: <input type="text" value="{{myData::input}}">
當我綁定到新的對象實例並通過javascript更新綁定時,DOM不會更新:
...
<input type="text" value="{{myData.bar::input}}">
<button type="button" on-click="changeBar">Update Me!</button>
...
var Foo = function(){
this.bar = "polymer";
}
Polymer({
is: 'my-object',
properties: {
myData : {
type: Object,
notify: true,
readOnly: false
}
},
ready: {
this.myData = new Foo();
},
changeBar: function(){
this.myData.bar = "poly";
}
當我檢查this.myData.bar
,它顯示為= "poly"
。 但是,DOM仍顯示polymer
。 同樣,更改后的事件不會冒泡到父組件。
我也嘗試過用幾種不同的方式編寫javascript Foo模塊。
聚合物版本:1.0.5 / 1.0.6
提前致謝!
正如@zerodevx所建議的,我用this.set("myData.bar", "poly")
替換了this.myData.bar = "poly"
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.