2017-05-05 55 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