在使用innerHTML时,在Polymer中创建数据绑定到属性的最简单方法是什么?
这是我的意思的一个例子 - http://jsfiddle.net/ry6og1q9/2/
<paper-input inputValue="{{foo}}" label="static foo"></paper-input>
Run Code Online (Sandbox Code Playgroud)
"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);
Run Code Online (Sandbox Code Playgroud)
但是,使用innerHTML创建的"dynamicFoo"并没有以任何方式绑定到foo属性,尽管它的标记存在.
我试图用Node.bind() - http://www.polymer-project.org/docs/polymer/node_bind.html完成这个, 但它只绑定一种方式.
必须有一个平台实用程序来进行解析/绑定,但我无法在任何地方找到它.
其 api 是“types”参数。
记录在这里https://developers.google.com/places/supported_types#table3
理想情况下,我会通过 ['administrative_area_level_1','country'] 但它不会显示任何结果。
仅传递这些类型中的一种也不会显示任何结果。
最佳匹配是 ['(regions)'],但除了国家和州之外,它还找到城市名称,这与我的用例无关。
如何解决这个问题?
谢谢