javascript - 聚合物 dom 模块什么都不显示

标签 javascript html css polymer-1.0

我是聚合物的新手。所以我只是按照教程。而且我不知道为什么屏幕上没有显示详细信息。

这是来自网络的代码: (指数) 第一聚

<body class:"vertical layout" style="background-color: #dddddd;">
    <script src="components/webcomponentsjs/webcomponents.js"></script>

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

        <paper-header-panel>              
            <link rel="import" href="components/paper-material/paper-material.html">
            <paper-material style="background: #ADADAD">
                <link rel="import" href="first.html">
                <first>
                </first>

            </paper-material>
        </paper-header-panel>
</body>
</html>

(第一)

<dom-module id="first">
    <template>
       <style>
          div { color: red }
       </style>
       <div>Hello World</div> 
    </template>
    <script>
        Polymer ({ is : "first" }); 
    </script>
</dom-module>

最佳答案

来自 Polymer 文档 here

By specification, the custom element’s name must contain a dash (-).

因此您的元素名称 first是无效的。尝试重命名为 my-element .我也会移动你的script和元素导入到 <head>元素的。

关于javascript - 聚合物 dom 模块什么都不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35332919/

相关文章:

javascript - 在 AWS-sdk Nodejs 中列出取消订阅

javascript - 如何从 iframe Google Sheets 访问单元格数据

css - 不同的输入类型(时间、数字)在 chrome 中有不同的高度

css - 字母间距对元素宽度的奇怪影响

javascript - 未加载谷歌浏览器扩展 jquery

javascript - 更改输入文本时不会应用过滤器 : ReactJS

javascript - 如何在html,javascript中的一个范围输入中使用不同的步骤属性

javascript - 存储原始表单值以供以后比较、对象或隐藏字段

html - 仅在结束 <li> 的一侧移除边框(保持拆分边框)

javascript - 使用 CSS3 变换使视口(viewport)围绕鼠标单击位置居中