Javascript 在聚合物中注入html,包括数据绑定

Javascript 在聚合物中注入html,包括数据绑定,javascript,html,data-binding,polymer,inject,Javascript,Html,Data Binding,Polymer,Inject,我有一个带有数据绑定的可信html文件,我想将其包含到web组件中。我尝试了多种方法来包含html文件,但数据绑定不起作用。我知道polymer不会标记html,因为它会成为来自不可信来源的XSS攻击的漏洞,但我有一个可信的来源 我已经了解并试用了多汁的html、ironajax和inner-h-t-m-l以及函数 除了我自己把所有东西都绑起来,还有别的办法吗 我要包含的文件包含输入字段,并且是预定义的表单。您可以通过手动创建并设置其内容来使用。重要的是,您不能只设置innerHTML 聚合物

我有一个带有数据绑定的可信html文件,我想将其包含到web组件中。我尝试了多种方法来包含html文件,但数据绑定不起作用。我知道polymer不会标记html,因为它会成为来自不可信来源的XSS攻击的漏洞,但我有一个可信的来源

我已经了解并试用了多汁的html、
ironajax
inner-h-t-m-l
以及函数

除了我自己把所有东西都绑起来,还有别的办法吗

我要包含的文件包含输入字段,并且是预定义的表单。

您可以通过手动创建
并设置其内容来使用。重要的是,您不能只设置
innerHTML

聚合物({ 是‘我的元素’, 行为:[Polymer.Templatizer], 就绪:函数(){ var template=document.createElement('template'); //必须首先准备模板内容(使用绑定) var templateContent=document.createElement('div'); templateContent.innerHTML='First:[[person.First]]
Last:[[person.Last]]'; //并且不能简单地设置模板的innerHTML template.content.appendChild(templateContent); //这将处理您的绑定 这个.templatize(模板); 个人变量={ 第一个:'托马斯兹', 最后一句:“Pluskiewicz” }; var itemNode=this.stamp({person:person}); Polymer.dom(this.root).appendChild(itemNode.root); } });


我试用了你的代码片段,效果很好。模板内的数据绑定正在工作。是否可以标记复杂对象?此外,也没有与外部元素的数据绑定。冲压仅在一个方向上进行。var itemNode=this.stamp({i:this.data});data={name=“Alex”}是的,可以绑定任何对象(请参见更新)。双向绑定是可能的,但很棘手。看看这个箱子:谢谢你的例子。数据绑定现在可以工作了:)您知道如何同时传递事件吗?字段正在触发事件,但外部上下文没有看到它们。我发现了问题。元素在我创建就绪状态时触发一个事件。我把它改成了附件,现在它可以正常工作了:)非常感谢你的帮助!