聚合物纸按钮不渲染

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

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>

Answer 2

有同样的问题，默认情况下似乎没有加载 paper-button 元素。

通过在调用纸张按钮之前添加到 /app/index.html 页面来修复它。

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

或添加到/app/elements/elements.html

聚合物纸按钮不渲染

Polymer paper-button not rendering

web-component

web

paper-elements

polymer-1.0