【问题标题】:Polymer no output聚合物无输出
【发布时间】:2015-10-06 12:26:34
【问题描述】:

我正在尝试学习 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>

hello-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!

【问题讨论】:

    标签: javascript html polymer web-component google-web-component


    【解决方案1】:

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

    【讨论】:

    • 谢谢,现在这就是我所缺少的。这是我在stackoverflow中的第一个问题,感谢您的帮助。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-09-16
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多