Полимерная бумажная кнопка не рендеринга

Question

Я загрузил комплект для запуска Polymer (Polymer 1.0) и попытался добавить на мою веб-страницу простую бумажную кнопку, но она не отображается правильно. Вот соответствующий код:

<section data-route="home"> 
     <paper-material elevation="1"> 

     <paper-button raisedButton 
      id='rendered' 
      label='patient' 
      on-click='{{clickHandler}}'></paper-button> 

     <button>Try Me</button> 

     <paper-icon-button icon="refresh" label="label"></paper-icon-button> 
     <paper-button raisedButton>search!</paper-button> 

     </paper-material> 

    </section> 

Первая кнопка не отображается на всех, вторую нормальную кнопка делает, третью работает кнопка, но ярлык не появляется, а окончательная кнопка отображается, как текст и не кликабельны

Answer 1

была такая же проблема, как представляется, не загружать бумагу-кнопочный элемент по умолчанию.

Исправлена ​​ошибка, добавив на страницу /app/index.html перед тем, как была выписана кнопка.

<link rel="import" href="/bower_components/paper-button/paper-button.html"> 

Или добавить его в /app/elements/elements.html

Answer 2

paper-button не имеет атрибут label или raisedButton атрибут. Если вы хотите, чтобы кнопка имела метку, вам нужно написать ее как обычный тег кнопки. Если вы хотите, чтобы у него была тень, вам придется добавить вместо этого атрибут raised. paper-icon-button также не имеет атрибута label. Если вы хотите отобразить что-то подобное, вы можете попробовать это вместо:

<paper-button raised> 
    <iron-icon icon="add"></iron-icon> 
    <span>Add Something new</span> 
</paper-button>