cannot separately trap min/max range values

[zpydee]

I would like to be able to access the min/max values of your range slider separately, but currently cannot establish how that's done?

[yoonchee]

You can do something like:

<div ui-slider="..." ng-model="range"></div>
<input type="text" ng-model="range[0]" />
<input type="text" ng-model="range[1]" />

Current code does not deep watch the model, meaning changes in model won't trigger $render on ui-slider div. You can add $watch in the directive to deep watch the model, i.e., watch the change in the array values.

For example:

scope.$watch('range', function() {
  ctrl.$render();
}, true);