Polymer 可以通过一个元素调用的多个元素

Polymer 可以通过一个元素调用的多个元素,polymer,polymer-1.0,Polymer,Polymer 1.0,我有一套聚合物1.x组件,用作填充形式。可以通过,等调用每个表单 <dom-module id="form-one"> <template> form content </template> </dom-module> <script> Polymer({ is: "form-one" }); </script> 形式内容 聚合物({ 是:“表格一” }); 我正在寻找一种解决方案,将它们结合

我有一套聚合物1.x组件,用作填充形式。可以通过
等调用每个表单

<dom-module id="form-one">
  <template>
    form content
  </template>
</dom-module>

<script>
 Polymer({
  is: "form-one"
 });
</script>

形式内容
聚合物({
是:“表格一”
});
我正在寻找一种解决方案,将它们结合起来,只使用一个元素,并调用如下形式:

从哪里开始?也可以将dom模块保存在单独的文件中吗


提前感谢。

您可以使用如下元素:

<dom-module id="form-handler">
  <template>
    <div id="formContainer">
  </template>
</dom-module>

<script>
 Polymer({
  is: "form-handler",
   properties:{
     form: {type:String, observer:'_formChanged'}
   },
   _formChanged: function(){
     var formElement = document.createElement(this.form);
     this.$.formContainer.empty();
     this.$.formContainer.append(formElement);
   }
 });
</script>

聚合物({
是:“表单处理程序”,
特性:{
表单:{类型:字符串,观察者:''u formChanged'}
},
_formChanged:function(){
var formElement=document.createElement(this.form);
此.$.formContainer.empty();
此.$.formContainer.append(formElement);
}
});