expose slider.relayout via scope event

Author: JulianWielga

slider.js

@@ -27,7 +27,7 @@ angular.module('ui.bootstrap-slider', [])
             link: function ($scope, element, attrs, ngModelCtrl, $compile) {
                 var ngModelDeregisterFn, ngDisabledDeregisterFn;
 
-                initSlider();
+                var slider = initSlider();
 
                 function initSlider() {
                     var options = {};
@@ -201,16 +201,21 @@ angular.module('ui.bootstrap-slider', [])
                             slider.relayout();
                         });
                     }, true);
+
+                    return slider;
                 }
 
 
                 var watchers = ['min', 'max', 'step', 'range', 'scale'];
                 angular.forEach(watchers, function (prop) {
                     $scope.$watch(prop, function () {
-                        initSlider();
-
+                        slider = initSlider();
                     });
                 });
+
+                $scope.$on('slider:relayout', function() {
+                    slider.relayout();
+                });
             }
         };
     }])

test.html

@@ -122,6 +122,7 @@
 
         <label for="formatter_sufffix">Formatter suffix:</label>
         <input id="formatter_sufffix" type="text" ng-model="suffix" class="form-control">
+        <button ng-click="$broadcast('slider:relayout')">Relayout</button>
     </p>
 
     Slider with configurable tooltip<br>