Question

我有一组Polymer 1.x组件，它们可以作为可填写的形式。每个表单都可以通过<form-one></form-one>，<form-two></form-two>等方式调用...

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

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

我正在寻找一个解决方案来组合它们并且只有一个元素并调用以下形式： <form-handler form="form-one"></form-handler>

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

提前致谢。

Answer 1

你可以拥有这样的元素：

<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>

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

1 个答案: