聚合物 - 纸张抽屉面板不显示内容

时间:2017-05-05 08:51:11

标签: polymer upgrade

我是Polymer和Bower生态系统的新手,所以请原谅我:)。我有用聚合物1写的应用程序,我想将单个元素升级到聚合物2.所以某种混合物。我已经更新了升级指南中提到的每个依赖项以支持聚合物2 - 除了一些2.0预览的元素,因为bower大喊它不存在。

我的index.html中有以下结构:

<!DOCTYTPE html>
<html lang="en">
    <head>
        <script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
    </head>
    <body>
        <dom-bind>
            <template is="dom-bind" id="app">
                <paper-drawer-panel force-narrow="true" drawer-width="320px">
                    some content here
                </paper-drawer-panel>
            </template>
        </dom-bind>
    </body>
</html>

由于某些原因,我的页面完全空白。但是,当我检查页面时,它正确地显示了文本&#34;这里的一些内容&#34;。有人可以解释这里发生了什么吗?

1 个答案:

答案 0 :(得分:1)

我认为您需要为paper-drawer-panel添加导入,并且您的paper-drawer-panel内部必须包含少量标记。

<paper-drawer-panel>
    <div drawer> Drawer panel... </div>
    <div main> Main panel... </div>
</paper-drawer-panel>

Paper-drawer-panel page