Html 聚合物纸转盘在dom模块内不工作

我曾尝试将polymer（2.0）纸转盘集成到

简单polymer 2.0应用程序

中，但滑块不起作用。它与

简单聚合物2.0元素模板

配合良好

源链接：

以下是

src

目录中

my app.html

中的我的代码：

（使用本地链接）

：主持人{
显示：块；
}
你好[[prop1]]！
/**
*@customElement
*@聚合物
*/
类SliderApp扩展了Polymer.Element{
静态get是（）{return'slider app'；}
静态获取属性（）{
返回{
建议1：{
类型：字符串，
值：“滑块应用程序”
}
};
}
}
window.customElements.define（SliderApp.is，SliderApp）；

我做错了什么？这是将纸转盘集成到聚合物应用程序中的正确方法吗

或

谁能帮我把纸转盘集成到聚合物应用程序中

任何帮助都将不胜感激！：）

将for paper-carousel.html移出模板并向上移动到其他链接所在的位置？将for paper-carousel.html移出模板并向上移动到其他链接所在的位置？

<link rel="import" href="bower_components/polymer/polymer-element.html">
<link rel="import" href="slider-element.html">


<dom-module id="slider-app">
  <template>
    <style>
      :host {
        display: block;
      }
    </style>
    <h2>Hello [[prop1]]!</h2>

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

    <paper-carousel items="1" dotText="false" loop="true" autoplay="true" autoplaytime="4000">
      <img src="images/image1.jpg" draggable="false" />
      <img src="images/image2.jpg" draggable="false" />
      <img src="images/image3.jpg" draggable="false" />
      <img src="images/image4.jpg" draggable="false" />
    </paper-carousel>

  </template>

  <script>
    /**
     * @customElement
     * @polymer
     */
    class SliderApp extends Polymer.Element {
      static get is() { return 'slider-app'; }
      static get properties() {
        return {
          prop1: {
            type: String,
            value: 'slider-app'
          }
        };
      }
    }

    window.customElements.define(SliderApp.is, SliderApp);
  </script>
</dom-module>