Added formater option

Author: Owumaro

slider.js

@@ -51,6 +51,7 @@ angular.module('ui.bootstrap-slider', [])
 				if(attrs.reversed) options.reversed = attrs.reversed === 'true';
 				if(attrs.enabled) options.enabled = attrs.enabled === 'true';
 				if(attrs.naturalArrowKeys) options.natural_arrow_keys = attrs.naturalArrowKeys === 'true';
+                if(attrs.formater) options.formater = $scope.$eval(attrs.formater);
 
 				if (options.range && !options.value) {
 					options.value = [0,0]; // This is needed, because of value defined at $.fn.slider.defaults - default value 5 prevents creating range slider

test.html

@@ -23,6 +23,10 @@
             <br><br><br><br>
             <span  ng-model="sliders.rangeSliderValue2" slider  min="{{testOptions.min}}" max="{{testOptions.max}}" range="true" value="[55,70]" slider-id="rangeSlider2"></span>
          	{{sliders.rangeSliderValue2}}
+            
+            <br><br><br><br>
+            <slider ng-model="sliders.thirdSliderValue" formater="myFormater"></slider>
+         	{{sliders.thirdSliderValue}}
 		</div>
 
 

test.js

@@ -14,5 +14,10 @@ angular.module('angular-bootstrap-slider-test', ['ui.bootstrap-slider'])
 
 		$scope.sliders.secondSliderValue = 0;
 		$scope.sliders.rangeSliderValue = [ 10, 50 ];
+        
+        $scope.sliders.thirdSliderValue = 0;
+        $scope.myFormater = function(value) {
+            return value + "%";
+        }
 
 	}]);