基本的定制聚合物元素没有显示

时间:2014-08-21 22:19:48

标签: polymer

我刚开始学习Polymer,虽然我可以正确显示所有核心/纸质元素,但我无法弄清楚为什么我的基本自定义元素没有显示。它只是两个文件:“index.html”和“lorem-element.html”。

的index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <script src="bower_components/platform/platform.js"></script>
    <link rel="import" href="lorem-element.html">
</head>
<body>
    <lorem-element></lorem-element>
</body>
</html>

LOREM-element.html:

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

<polymer-element name="lorem-element">
  <template>
    <p>Lorem ipsum dolor sit</p>
  </template>
</polymer-element>

我没有在javascript控制台中看到任何错误或任何404错误等。

1 个答案:

答案 0 :(得分:2)

我找到了答案。对于任何尝试同样事情的人来说,我得到了答案:

“如果你没有调用Polymer(),你需要聚合物元素定义的”noscript“属性”

这相当于改变lorem-element.html所以它看起来像:

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

<polymer-element name="lorem-element" noscript>
  <template>
    <p>Lorem ipsum dolor sit</p>
  </template>
</polymer-element>