Как импортировать шаблон в полимер?

Question

Я хочу создать шаблон libraray в изолированном файле.

./my-components/templates.html

<template id="overTemplate"> 
    <div on-mouseover="{{mouseOverHandler}}">OVER</div> 
</template> 
..... 

И подключить этот файл в моем полимерном-элемент:

<link rel="import" href="./my-components/templates.html"> 

Затем используйте этот шаблон:

<template bind ref="overTemplate"></template> 

Как сделать это?

Answer 1

Как насчет?

var link = document.querySelector('link[rel=import]'); 
var content = link.import.querySelector('#overTemplate'); 
document.body.appendChild(document.importNode(content, true)); 

Кредиты г «полимер» Додсон ... http://robdodson.me/blog/2013/08/20/exploring-html-imports/

Полимер имеет помощника под названием импорт, но, насколько я могу сказать, что готова импортировать только полимерно-элементы.

Answer 2

Вышеупомянутое не работает с Polymer 1.0, поскольку привязки аннотаций шаблонов больше не являются динамическими на основе модификаций DOM. There is a tag, в настоящее время промежуток остановки до тех пор, пока команда Polymer не предоставит эту возможность, которая пытается предоставить эталонные шаблоны.