2017-04-05 13 views
1

私はデフォルトで閉じアプリ-引き出しを持っているために、私のapp-drawer-layoutresponsiveWidth属性を設定するためのドキュメント(https://www.webcomponents.org/element/PolymerElements/app-layout/app-drawer-layout)に追従しようとしています:ポリマーアプリ-引き出しレイアウトresponsiveWidth属性

<!doctype html> 
<html lang="en-GB"> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes"> 
    <title>title</title> 

    <script src="/bower_components/webcomponentsjs/webcomponents-lite.min.js"></script> 

    <link rel="import" href="/bower_components/app-layout/app-drawer-layout/app-drawer-layout.html"> 
    <link rel="import" href="/bower_components/app-layout/app-header/app-header.html"> 
    <link rel="import" href="/bower_components/app-layout/app-header-layout/app-header-layout.html"> 
    <link rel="import" href="/bower_components/app-layout/app-scroll-effects/effects/waterfall.html"> 
    <link rel="import" href="/bower_components/app-layout/app-toolbar/app-toolbar.html"> 
</head> 
<body unresolved class="fullbleed"> 
    <app-drawer-layout fullbleed responsiveWidth="10000px"> 
     <app-drawer> 
      drawer 
     </app-drawer> 
     <app-header-layout fullbleed> 
      <app-header reveals effects="waterfall"> 
       <app-toolbar> 
        <paper-icon-button icon="menu" drawer-toggle></paper-icon-button> 
        <div main-title>Title</div> 
       </app-toolbar> 
      </app-header> 
     </app-header-layout> 
    </app-drawer-layout> 
</body> 
</html> 

マイ亭依存関係は次のとおりです。

"paper-elements": "polymerelements/paper-elements#latest", 
"iron-elements": "polymerelements/iron-elements#latest", 
"neon-elements": "polymerelements/neon-elements#latest", 
"app-elements": "polymerelements/app-elements#latest" 

どこが間違っていますか?

EDIT:はおそらく、私はあなたがresponsive-widthないresponsiveWidthをしたいクローム49

答えて

1

を実行していることを言及する必要があります。

+0

この文書はどこにありますか? – Cheetah

+0

HTML属性では大文字と小文字は区別されません。 Polymerは、camelCaseのJavascriptプロパティとhtml属性の間のマッピングを行います。 –

関連する問題