使用ion-rangeslider與奧裏利亞CLI

我試圖從http://ionden.com/a/plugins/ion.rangeSlider/en.html使用ion-rangeslider我似乎遇到的問題是我無法獲得CSS加載和樣式滑塊。這是我迄今爲止所做的。使用ion-rangeslider與奧裏利亞CLI

做

NPM安裝離子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] 
    }); 
}

應用。 html

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

所有這一切的結果看起來是這樣的：

任何幫助是極大aappreciated

來源

2017-02-25 seroth

你是非常接近的。我唯一需要爲了得到這個工作是添加這兩條線在app.html：

<require from="ion-rangeslider/css/ion.rangeSlider.css"></require> 
<require from="ion-rangeslider/css/ion.rangeSlider.skinHTML5.css"></require>

這就造成：

我有推應用here

來源

2017-02-26 08:44:04 JeroenVinke

使用ion-rangeslider與奧裏利亞CLI

回答

相關問題