不能更改抽屜面板上的抽屜寬度聚合物1.0

Question

這是非常基本的，但我不知道它是一個錯誤還是我錯了什麼。 我無法改變抽屜面板中抽屜的寬度。在文檔頁面中指定添加屬性drawerWith。 下面是一些代碼：

<dom-module id="my-app"> 
<template> 
<style> 
:host { 
display: block; 
} 
</style> 

<paper-drawer-panel drawerWidth="300px"> 
<!-- Nav Bar --> 
<section drawer> 
<!-- Logo --> 
<div id="logoContainer"> 
<img id="logo" src="../img/logo.png"> 
</div> 
</section> 

<!-- Content --> 
<paper-header-panel main> 
<paper-toolbar> 
<paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button> 
<div class="flex">My App</div> 
</paper-toolbar> 
</paper-header-panel> 

</paper-drawer-panel> 

</template> 

<script> 
// element registration 
Polymer({ 
is: "my-app", 

}); 
</script> 

</dom-module> 

Answer 1

這應該工作：

<paper-drawer-panel drawer-width="300px"> 

Here，你可以發現，談論它的文檔。

帶破折號的屬性名稱會通過大寫字母在每個破折號後面的字符轉換爲camelCase屬性名稱，然後刪除破折號。例如，屬性first-name映射到firstName。

所以，在文檔中說drawerWidth當您使用它在你的元素必須是：drawer-width