聚合物简单元素不渲染

Question

我正在尝试渲染一个简单的聚合物元素。我已经按照文档进行操作，但没有呈现。奇怪的是，更复杂的聚合物标签确实有效（例如 <dom-module id=""> ），但 <polymer-element>.

却没有运气

index.html

<!DOCTYPE html>
<html>
<head>
    <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
    <link rel="import" href="elements/daniel-element.html">
    <title>Polymer Learning</title>
</head>
<body>
    <daniel-element></daniel-element>
</body>
</html>

丹尼尔-element.html

<link rel="import" href="../bower_components/polymer/polymer.html">

<polymer-element name="fav-color">
  <template>
    This is <b>{{owner}}</b>'s fav-color element.
    {{owner}} likes the color
    <span style="color: {{color}}">{{color}}</span>.
  </template>
  <script>
    Polymer({
      owner: "Daniel",
      color: "red"
    });
  </script>
</polymer-element>

当我运行:

python -m SimpleHTTPServer

或

polyserve

浏览器不呈现该元素。我已经看过这个主题但没有找到解决方案..之前谢谢。

Answer 1

<polymer-element> 标签用于旧版本的 Polymer。对于 1.0，您需要使用 <dom-module id="">，它确实可以正常工作。查看 migration guide 以了解有关在 1.0.

中指定本地 DOM 的更多信息

聚合物简单元素不渲染

Polymer simple element is not rendering

html

element

polymer