Ember Range Slider 是一个用于 Ember.js 框架的可定制滑块插件。它基于 noUiSlider 并且支持 IE8 ，让你可以轻松的添加类似于时间轴，价格范围等功能。
安装 & 引用
使用 npm 安装包
npm install ember-range-slider
在你的 Ember.js 应用中引入插件
import Ember from 'ember';
import RangeSlider from 'ember-range-slider/components/range-slider';
export default Ember.Controller.extend({
...
});现在你已经成功引入了这个插件。
快速入门
Range slider 的基本使用方法。
-- -------------------- ---- ------- -------------- ---------------- -- ----- ------------ -- ----- -------------- -- ------- ----------------- -- ----- ----------------- -- ----- ---------------- -- ----- -------------------- -- ---------------- ---------------------------- -- --------------- ------------------------ -- ---------------- ---------------- -- ----- ---------------------- -- ------ ---------------------------- -- ------------ ------------------------- -- ----------- ---------------------- -- --------- --
更多参数和详细的用法请去看官方的 API 文档 。
示例代码
-- -------------------- ---- ------- -------------- --------- ------- ------ -- -------------- --------- ------- ---------- ------------ ------ --------------- ------------------ --------------- ------------------- ------ ------------------ ------------------- --------------- ---------------- --
总结
Range slider 是一个非常实用的 UI 插件，它可以帮助你在你的 Ember.js 应用中快速添加交互体验。它的 API 简单，易于使用，相信大家可以很容易的掌握它的使用方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e19a563576b7b1ecb83