2017-05-05 84 views
1

我是聚合物和鲍尔生态系统的新手,所以请原谅我:)。我有用聚合物1编写的应用程序,我想将单个元素升级到聚合物2.所以某种混合。我已经更新了升级指南中提到的每个依赖项,以支持聚合物2 - 除了一些2.0预览版的元素外,因为鲍尔大吼大叫它不存在。聚合物 - 纸抽屉面板不显示内容

我有我的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> 

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

回答

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