Question

我想在隔离文件中创建模板库。

./我的组件/ 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

以上不适用于Polymer 1.0，因为模板注释绑定不再基于DOM修改动态。 There is a tag，目前是一个止差距，直到Polymer团队提供该功能，试图提供参考模板。

Answer 2

怎么样？

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

致'聚合物先生'Dodson先生...... http://robdodson.me/blog/2013/08/20/exploring-html-imports/

Polymer有一个名为import的帮助器，但据我所知，它只能导入聚合物元素。

如何在聚合物中导入模板？

2 个答案: