2017-01-05 2 views
0

私は充填可能なフォームとして機能する一連のポリマー1.xコンポーネントを持っています。 <form-handler form="form-one"></form-handler>1つの要素を介して呼び出すことができる複数の要素

へ:各フォームには、私はそれらを結合し、一つだけの要素を持っているなどのフォームを呼び出すソリューションを探しています

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

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

... <form-one></form-one><form-two></form-two>などを経由して呼び出すことができます開始?また、DOMモジュールを別々のファイルに保存することも可能ですか?

ありがとうございます。

答えて

0

あなたはこのようなあなたの要素を持つことができます。

<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> 
関連する問題