Question

我试图渲染一个简单的Polymer-element。我已按照文档进行操作，但未呈现。奇怪的是，更复杂的聚合物标签可以起作用（例如<dom-module id=""＆gt;），但<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

OR

polyserve

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

Answer 1

<polymer-element>标签用于旧版本的Polymer。使用1.0，您需要使用<dom-module id="">，它可以正常工作。查看migration guide以了解有关在1.0中指定本地DOM的更多信息。

聚合物简单元素不渲染

1 个答案: