Question

我试图学习聚合物，但我不能让它发挥作用。

我创建的新元素没有显示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-element看起来不错，我在this plunker进行了测试。有用。你好世界使用Polymer 0.5语法。 polymer-element中已将dom-module重命名为FormDataSet，如migration guide中所述。

聚合物无输出

1 个答案: