No text value on slider

[ystreibel]

Hi,

I'm using the slider with angularjs and Twitter Bootstrap 3.0, but I have not text value on it !

this is mys code :

<div class="col-sm-2">Word Candidates :</div>
<div class="col-sm-10">
    <slider floor="0" ceiling="19" step="1" precision="1" ng-model="wordcandidates"></slider>
</div>

[ystreibel]

I compare the html renderer with your slider on your site http://prajwalkman.github.io/angular-slider/ :

<slider ng-model="item.cost" precision="2" step="50" ceiling="1000" floor="100" class="ng-isolate-scope ng-scope ng-pristine ng-valid">
<span class="bar"></span>
<span class="pointer" style="left: 177.5px;"></span>
<span class="bubble limit ng-binding" ng-bind-html-unsafe="translate({value: floor})" style="opacity: 1;">100.00</span>
<span class="bubble limit ng-binding" ng-bind-html-unsafe="translate({value: ceiling})" style="left: 603px; opacity: 1;">1000.00</span>
<span class="bubble ng-binding" ng-bind-html-unsafe="translate({value: ngModel})" style="left: 164px;">350.00</span>
</slider>

with my renderer :

<slider class="col-sm-2 ng-isolate-scope ng-pristine ng-valid" floor="0" ceiling="19" step="1" precision="1" ng-model="wordcandidates">
<span class="bar"></span>
<span class="pointer" style="left: 18.789473684210524px;"></span>
<span ng-bind-html-unsafe="translate({value: floor})" class="bubble limit" style="opacity: 1;"></span>
<span ng-bind-html-unsafe="translate({value: ceiling})" class="bubble limit" style="left: 133px; opacity: 1;"></span>
<span class="bubble" ng-bind-html-unsafe="translate({value: ngModel})" style="left: 26px;"></span>
</slider>

I have not value on bubble span.

[jonnio]

I have the same issue. It seems that angular is not bound to the bubble span. There is no 'ng-binding' class.

[Tyvain]

Same problem for me. Any solution ?

[tarang9211]

I had the same issue. The code only works with Angular 1.1.4