使用ion-rangeslider和Aurelia CLI

时间:2017-02-25 19:11:13

标签: aurelia aurelia-cli

我试图使用来自http://ionden.com/a/plugins/ion.rangeSlider/en.html的离子范围滑块我似乎遇到的问题是我无法获得加载和设置滑块样式的CSS。这是我到目前为止所做的。

完成后

  

npm install ion-rangeslider --save-dev

aurelia.json

{
   "name": "ion-rangeslider",
   "path": "../node_modules/ion-rangeslider",
   "main": "js/ion.rangeSlider.min",
   "resources": [
      "css/ion.rangeSlider.css",
      "css/ion.rangeSlider.skinHTML5.css"
    ]
}

app.js

import {ionRangeSlider} from 'ion-rangeslider';

attached(){
    $('.slider').ionRangeSlider({
      values: [15, 30, 1, 3, 6, 12, 24]
    });
}

app.html

<input type="text" class="slider" />

所有这些的结果如下:

enter image description here

任何帮助都非常受到重视

1 个答案:

答案 0 :(得分:1)

你非常接近。为了实现这个目的,我唯一需要添加的是app.html中的这两行:

/

导致:

img

我已推送应用here