インラインHTMLポリマーの外部テンプレートをインポートします。

Question

ポリマーに新しいです。私はコンポーネントのappタグを作成しました。

<link rel="import" href="https://polygit.org/polymer+^1.9.1/webcomponentsjs+^0.7.0/components/polymer/polymer.html"> 
<dom-module id="app-tag"> 
    <template> 
     <style></style> 
     <h1 class="head-mine">This is the name Tag</h1> 
    </template> 
</dom-module> 
<script src="app_tag.js"></script> 

正常に動作します。しかし、私のテンプレートが非常に大きい場合、私はseoerate htmlファイルを使用してそれを使用したいと思います。どうすればこの問題を解決できますか？

Answer 1

あなたは何をしようとしているのですか？ポリマーでうまくいくのは、子コンポーネントとして使用される第2のコンポーネントを作成することです。 テンプレートを別の場所に置くことに気がついた場合は、Polymer.Templatizerを使用して、Templatizerで参照できるIDを持つテンプレートを使用して2番目のコンポーネントを作成してみてください。

//second component 
<dom-module id="my-second"> 
    <template> 
     <template id="myAwseomeTemplate"><div>test</div></template> 
    </template> 
</dom-module>