Comments (10)
Can you see the elements in dev tools?
from angular-rangeslider.
Daniel,
not seeing the labels in my devtools, only the slider.
from angular-rangeslider.
Wouldn't they be inside the range-slider
div... can you expand it?
from angular-rangeslider.
Sorry about that - looks like the ngrs divs are actually there but hidden by the 'ng-hide' attribute. So the question moves to why these are hidden by default?
from angular-rangeslider.
Well they shouldn't be!
You can see the default setting here and it is true
so they should be visible: https://github.com/danielcrisp/angular-rangeslider/blob/master/angular.rangeSlider.js#L60
Very strange... I don't suppose you could replicate it in a plunkr/fiddle could you please?
from angular-rangeslider.
Daniel, did that up in Plnkr and I see the labels. Trying to think what might be the problem at my end.
I don't think the CSS at my end is the fault as it wouldn't be introducing the ng-hide - but where is that coming from, dunno.
In my app, here's the controller:
angular.module('retro')
.controller('EnvelopeCtrl', function($scope) {
$scope.minEnv = 10;
$scope.maxEnv = 15;
});
And the html:
<div class="container">
<div class="row">
<div class='col-md-12'>
<ng-include src="'app/components/navbar/navbar.html'"></ng-include>
</div>
</div>
<div class="row">
<div class="col-xs-8">
<div class='col-md-10'>
<label class="control-label">Desired Vacant Int Temp</label>
<div range-slider min="10" max="20" model-min="minEnv" model-max="maxEnv" attach-handle-values="true"></div>
</div>
</div>
</div>
</div>
from angular-rangeslider.
Sounds very strange
I added jQuery and the show-values
attribute and its working fine for me...
http://plnkr.co/edit/wfLEOhsvOrPfexrFypAd?p=preview
Have you tried setting the show-values
attribute to true
?
Also you could inspect the directive scope in Chrome using your console or Batarang to see what the value of showValues
is at runtime
from angular-rangeslider.
show-values="true"
did the trick. Thanks for chasing it down. Strange how I didn't need it in the plnkr but did in my own app. Still, happy monkey now.
from angular-rangeslider.
Ok glad it worked, I think it might be a hint that something isn't quite right somewhere though
from angular-rangeslider.
hello!
same issue as discribed by @jkelleher.
adding show-values="true"
to the <div range-slider >
did the job.
it actualy worked when i downloaded your ZIP and played with it.
the issue started as i installed angular-rangeslider into my project with bower.
from angular-rangeslider.
Related Issues (20)
- [$injector:modulerr] Failed to instantiate module ui-rangeSlider due to: Error: [$injector:nomod] ...If registering a module ensure that you specify the dependencies as the second argument.
- Debounce/timeout before min/max model value changes
- How to show max value at the end slide and min value
- input value selection doesn't work when slider is moved (internet explorer)
- Scaling in multi rangeslider
- Anyway to get realtime slider value while sliding?
- How do you integrate it to an Angular 5 project?
- change the position of the slider by clicking
- direction: 'rtl' not supported HOT 1
- modelMin/modelMax must be a number HOT 1
- Changing orientation on the fly results into broken output HOT 3
- Single value slider HOT 2
- ui rangeslider conflict with ui-sortable HOT 1
- Text not selectable after drag HOT 1
- angular2 support HOT 2
- Step attribute not working as expected HOT 3
- range slider not working HOT 1
- show-values not working . HOT 7
- Not Working - Patch HOT 1
- under ng-if
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-rangeslider.