1

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

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

请检查以下我的代码：

索引.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！

4

1 回答 1

1

你 dom-element 看起来不错，我已经在这个 plunker中进行了测试。有用。你 hello-world 使用 Polymer 0.5 语法。如迁移指南中所述，已在 1.0 中polymer-element重命名为。dom-module

于 2015-10-06T13:27:03.513 回答