2016-03-24 11 views
0

Ben Polimer Starter Kit 1.3 dayalı polimer kullanılarak küçük bir web uygulaması oluşturmak için çalışıyorum ve ben hemen bir sorunla karşılaştık ettik - Ben bir öğe oluşturmak çalışıyorum Bu bir açılır menü içerir. Ben kopya/the documentation gelen ancak bunun yerine bir açılır gibi bakarak örneği yapıştırılan, düzenli çökmemiş listbox benziyor ettik:polimer kağıt-açılır menü gösterir çökmemiş

<template> 
    <style> 
     :host { 
     display: block; 
     } 

     span { 
     @apply(--paper-font-body1); 
     } 
    </style> 
<paper-dropdown-menu label="Dinosaurs"> 
    <paper-listbox class="dropdown-content" selected="1"> 
    <paper-item>allosaurus</paper-item> 
    <paper-item>brontosaurus</paper-item> 
    <paper-item>carcharodontosaurus</paper-item> 
    <paper-item>diplodocus</paper-item> 
    </paper-listbox> 
</paper-dropdown-menu>  
</template> 

Bu:

enter image description here

Bu benim eleman şablon Polymer (ya da herhangi bir "gelişmiş" web sitesi kiti ile ilk defa) - eski bir okul HTML ve Javascript türünden daha fazlasıyım) ve ne yaptığımı ya da nasıl yaptığımı öğrenemedim Bunu hata ayıklamak için.

PSK 1.3 içinde app.js aslında ana dosyadaki var olmayan bir bottomContainer için başvurmak gibi görünüyor ve bu konsolda uyarıların çok üretilen ama dışarı yorumladı sonra herhangi dedi kabın konsolu bahseder günlüğü şimdi temiz görünüyor - ama yine de aşağı doğru açılmıyor.

Herhangi bir yardım için teşekkür ederiz.

cevap

1

sorunun ne öğrendim - paper-drowndown-menu.html eleman elements.html tarafından yüklenen değildi. Ben ekledim ve her şey yolunda.

Polimer Başlangıç ​​Seti, kutunun dışında birkaç farklı şekilde düzgün çalışmaması ve buna uygun olarak yeni bir araç kullanması nedeniyle kötüdür, genellikle kendimi uçuruma bakarken bulup atlamayacağımı düşünürüm. değil ...

0

sadece

şey böyle kağıt açılır-menu.html ve kağıt-item.html ithal etmek gerekir:

<link rel="import" href="/bower_components/paper-dropdown-menu/paper-dropdown-menu.html"> 
 
<link rel="import" href="/bower_components/paper-item/paper-item.html">

dosyalarının yolu proje yapısına göre doğru olduğundan emin olun.