Open kanagukrs opened 9 years ago
you can use following script template into your view, inspired from https://github.com/darul75/ng-slider/blob/master/src/core/template/slider.tmpl.js
<script type="text/ng-template" id="ng-slider/slider-bar.tmpl.html">
<span ng-class="mainSliderClass" id="{{sliderTmplId}}">
<table><tr><td>
<div class="jslider-bg">
<i class="left"></i>
<i class="right"></i>
<i class="range"></i>
<i class="before"></i>
<i class="default"></i>
<i class="default"></i>
<i class="after"></i>
</div>
<div class="jslider-pointer"></div>
<div class="jslider-pointer jslider-pointer-to"></div>
<div class="jslider-label"><span>{{from}}</span>{{options.dimension}}</div>
<div class="jslider-label jslider-label-to"><span>{{to}}</span>{{options.dimension}}</div>
<div class="jslider-value"><span></span>{{options.dimension}}</div>
<div class="jslider-value jslider-value-to"><span></span>{{options.dimension}}</div>
<div class="jslider-scale" id="{{sliderScaleDivTmplId}}"></div>
</td></tr></table>
</span>
</script>
but current code is heavily attached to this template.
Yes, decoupling css and template from functionality will solve the problem. As of now it needs complete refactoring. I raised this because you can consider it for future development
Right now, we don't have an option to use our custom template for slider instead of the template provided by ng-slider