Question

我使用Polymer和为其设计的纸质元素启动网站。我已经使用凉亭安装组件，似乎我把所有东西都放在了正确的位置。这是我的代码：

<html>
<head>
    <script src="bower_components/webcomponentsjs/webcomponents.js"></script>

    <link rel="import" href="bower_components/core-scaffold/core-scaffold.html">
    <link rel="import" href="bower_components/core-item/core-item.html">
    <link rel="import" href="bower_components/paper-input/paper-input.html">
    <link rel="import" href="bower_components/paper-fab/paper-fab.html">
</head>
<body fullbleed unresolved>
<template is="auto-binding">
    <core-scaffold>
        <core-header-panel navigation flex>
            <core-toolbar class="tall">

            </core-toolbar>
        </core-header-panel>

        <div tool layout horizontal flex>
            <span flex>Toolbar Text</span>
            <core-icon icon="account-circle"></core-icon>
            <span>7</span>
        </div>

        <div flex>
            <div class="send_message" layout horizontal>
                <paper-input flex label="Enter Text..." id="input" value="{{input}}"></paper-input>
                <paper-fab icon="send" id="sendButton" on-tap="{{sendMyMessage}}"></paper-fab>
            </div>
        </div>

    </core-scaffold>
</template>

</body>

</html>

加载网页时没有任何显示。如果我取出模板标签，我可以在工具栏中看到文本，但仍然没有任何元素呈现。感谢任何帮助，提前谢谢！

Answer 1

根据您对core-*元素（由iron-*替换）和auto-binding（由{替换）的使用情况，您似乎正在使用旧版本的Polymer（＆lt; 1.0） {3}}）。 Polymer docs有dom-bind可以帮助您升级，但使用migration guide（具有最新和最好的）可能更容易从头开始。

不会显示聚合物/纸张元素

1 个答案: