ember转盘

Carousel组件的ember插件
DEMO

用法

在Ember CLI应用程序中，运行以下命令：

ember install ember-carousel

添加调用组件，如下所示

{{#carousel-container transitionInterval=400 as |ui controls|}}
  <div class="carousel-body">
    {{#ui.item}}
      Emberjs
    {{/ui.item}}
    {{#ui.item}}
      Reactjs
    {{/ui.item}}
    {{#ui.item}}
      Angularjs
    {{/ui.item}}
  </div>

  <button onclick={{controls.previous}}>
    Slide Left
  </button>
  <button onclick={{controls.next}}>
    Slide Right
  </button>
{{/carousel-container}}

API接口

x1月0n1x日

这是开始显示转盘项目的主要组件。
属性

• transitionInterval-预设值为500。
• onSlide-可选，接收一个参数的动作，例如{ index: 3, previousIndex: 2, direction: 'right' }。

在转换完成之前触发。
产生的参数
这个组件产生两个哈希值，例如{{#carousel-container as |ui act|}}。这些参数ui和act可以被称为任何东西，但是它们包含以下项：

• ui-是具有以下组件项的散列：
• item-应该包含幻灯片内容的组件，用法类似于{{ui.item}}you content{{/ui.item}}。
• controls-是具有以下操作项的散列：
• previous-变更为上一张投影片的结束动作。
• next-切换到下一张幻灯片的结束操作。

开发

• git clone此存储库
• npm install
• bower install个

跑步

• ember server
• 请访问您的应用程序，网址为http：//localhost：4200。

运行测试

• ember test
• ember test --server个

大楼

• x1米20英寸

有关使用ember-cli的详细信息，请访问http://www.ember-cli.com/。
来源：https://github.com/selvagsz/ember-carousel#readme