7

innerHTML を使用する場合、Polymer で属性へのデータ バインディングを作成する最も簡単な方法は何ですか?

これは私の言いたいことの例です - http://jsfiddle.net/ry6og1q9/2/

<paper-input inputValue="{{foo}}" label="static foo"></paper-input>

"staticFoo" paper-input は、{{foo}} でバインドされたデータです。双方向のデータ バインドです。

var c = this.$.dynamicFooPlaceHolder;
c.innerHTML = '';
var e = document.createElement('div');
e.innerHTML = '<paper-input id="dynamicFoo" inputValue="{{foo}}" label="dynamic foo"></paper-input>';
c.appendChild(e);

しかし、innerHTML で作成された「dynamicFoo」は、マークアップは存在しますが、foo プロパティにバインドされていません。

Node.bind() - http://www.polymer-project.org/docs/polymer/node_bind.htmlでこれを達成しようとしまし たが、バインドは一方向のみです。

解析/バインドを行うプラットフォーム ユーティリティが必要ですが、どこにも見つかりません。

4

1 に答える 1