0

ネイティブ要素に双方向バインドしようとしていますが、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

前もって感謝します！

4

1 に答える 1

0

@zerodevxが示唆したように、私this.myData.bar = "poly"はthis.set("myData.bar", "poly")

于 2016-03-16T14:31:54.793 に答える