聚合物1.0 <template> 标签不起作用

Question

我从docs中提出了最基本的示例，看来<template>标记不起作用。 安装在文档中的<register-me>标记内未呈现任何内容：

预期：“来自我本地DOM的问候”

  <!DOCTYPE html> <html> <head> <title>Polymer 1.0.6 test</title> <script src="https://rawgit.com/webcomponents/webcomponentsjs/v0.7.10/webcomponents-lite.min.js"></script> <link rel="import" href="https://rawgit.com/Polymer/polymer/v1.0.6/polymer-mini.html"> </head> <body> <dom-module id="register-me"> <template> <div>Hello from my local DOM</div> </template> <script> Polymer({is: "register-me"}); </script> </dom-module> <register-me></register-me> </body> </html>

直播： http ： //jsbin.com/qijegu/edit？html，输出

Answer 1

您正在使用Polymer Micro，它不包括模板冲压。 但是，它包含在Polymer Mini中（ docs ）。

编辑

如果要在主文档中定义元素，则需要侦听HTMLImports.whenReady事件。 否则，它将无法在某些浏览器中使用。 这在这里解释。

HTMLImports.whenReady(function () {
     Polymer({is: "register-me"});
});

聚合物1.0 <template> 标签不起作用

问题描述

1 个解决方案

解决方案1
4 已采纳 2015-08-09 19:17:44

聚合物1.0 <template> 标签不起作用

问题描述

1 个解决方案

解决方案1 4 已采纳 2015-08-09 19:17:44

解决方案1
4 已采纳 2015-08-09 19:17:44