title: Polymer: import and bind templates from another file
body: <p>Would it be possible to import templates from another file? I'm able to import javascript and stylesheet, but cannot figure out how to import html templates.</p>
  
  <p>For example:</p>
  
  <p>I defined various content-item templates in <strong>templates.html</strong></p>
  
  <pre><code>&lt;template id="hello&gt;Hello {{ li.name }}&lt;/template&gt;
  &lt;template id="hey"&gt;Hey!&lt;/template&gt;
  </code></pre>
  
  <p>And then, I would like to re-use the templates in <strong>list.html</strong></p>
  
  <pre><code>&lt;link rel="import" href="templates.html"&gt;
  
  &lt;polymer-element name="list" attributes="type,data"&gt;
  
  &lt;template&gt;
  
    &lt;template repeat="{{ li in items_in_data }}"&gt;
       &lt;template bind ref="hey"&gt;&lt;/template&gt;
       &lt;template bind ref="{{ type }}"&gt;&lt;/template&gt;
    &lt;/template&gt;
  
  &lt;/template&gt;
  
  
  &lt;/polymer-element&gt;
  </code></pre>
  
  <p>Finally, in <strong>app.html</strong></p>
  
  <pre><code>&lt;list data="items.json" type="hello"&gt;&lt;/list&gt;
  </code></pre>
  
  <p>If I put the contents inside templates.html into list.html, it works fine. However, it does not seem to load or reference when using <code>&lt;link rel="import"&gt;</code>. Any ideas?</p>