聚合物纸按钮无法渲染

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>