聚合物无输出

Question

我正在尝试学习 Polymer，但我无法让它工作。

我创建的新元素没有显示除 DOM 元素之外的任何输出

请检查下面我的代码：

Index.html

    <!DOCTYPE html>
<html>
  <head>
    <script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
    <link rel="import" href="dom-element.html">
    <link rel="import" href="hello-world.html">
  </head>
  <body>
    <dom-element></dom-element>
    <hello-world></hello-world>
  </body>
</html>

dom-element.html

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

<dom-module id="dom-element">

  <template>
    <p>I'm a DOM element. This is my local DOM!</p>
  </template>

  <script>
    Polymer({
      is: "dom-element"
    });
  </script>

</dom-module>

你好-world.html

    <link rel="import" 
      href="bower_components/polymer/polymer.html" />
<polymer-element name="hello-world" noscript
    <template>
        <h1>Hello World</h1>
    </template>
</polymer-element>

这是输出：我是 DOM 成员。这是我的本地 DOM!

Answer 1

您的 dom 元素看起来不错，我已经在 this plunker 中进行了测试。有用。你好世界使用 Polymer 0.5 语法。 polymer-element 在 1.0 中重命名为 dom-module，如 migration guide 中所述。

聚合物无输出

Polymer no output

html

javascript

web-component

polymer

google-web-component