Truly fix #106. rz-slider-on-change fires before value is changed

bower.json

 {
   "name": "angularjs-slider",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "homepage": "https://github.com/rzajac/angularjs-slider",
   "authors": [
     "Rafal Zajac <rzajac@gmail.com>",

demo/index.html

@@ -20,6 +20,7 @@
         <article>
             <h2>Min/max slider example</h2>
             Value: <pre>{{ slider_data | json }}</pre>
+            <p>Value linked on change: {{ otherData.value }}</p>
 
             <rzslider
                     rz-slider-floor="0.5"
@@ -131,9 +132,11 @@
         };
 
         $scope.slider_data = {value: 1};
+        $scope.otherData = {value: 10};
 
         $scope.onChange = function() {
           console.info('changed', $scope.slider_data.value);
+          $scope.otherData.value = $scope.slider_data.value * 10;
         };
     });
 </script>

dist/rzslider.min.css

-/*! jusas-angularjs-slider - v0.1.25 - (c) Rafal Zajac <rzajac@gmail.com>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com>, https://github.com/rzajac/angularjs-slider.git - 2015-08-20 */
+/*! jusas-angularjs-slider - v0.1.27 - (c) Rafal Zajac <rzajac@gmail.com>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com>, https://github.com/rzajac/angularjs-slider.git - 2015-08-25 */
 rzslider{position:relative;display:inline-block;width:100%;height:4px;margin:30px 0 15px 0;vertical-align:middle}rzslider span{position:absolute;display:inline-block;white-space:nowrap}rzslider span.rz-base{width:100%;height:100%;padding:0}rzslider span.rz-bar-wrapper{left:0;width:100%;height:32px;padding-top:16px;margin-top:-16px;box-sizing:border-box}rzslider span.rz-bar{left:0;z-index:0;width:100%;height:4px;background:#d8e0f3;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}rzslider span.rz-bar.rz-selection{z-index:1;background:#0db9f0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}rzslider span.rz-pointer{top:-14px;z-index:2;width:32px;height:32px;cursor:pointer;background-color:#0db9f0;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}rzslider span.rz-pointer:after{position:absolute;top:12px;left:12px;width:8px;height:8px;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;content:''}rzslider span.rz-pointer:hover:after{background-color:#fff}rzslider span.rz-pointer.rz-active:after{background-color:#451aff}rzslider span.rz-bubble{top:-32px;padding:1px 3px;color:#55637d;cursor:default}rzslider span.rz-bubble.rz-selection{top:16px}rzslider span.rz-bubble.rz-limit{color:#55637d}
\ No newline at end of file

package.json

 {
   "name": "jusas-angularjs-slider",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "description": "AngularJS slider directive with no external dependencies. Mobile friendly!.",
   "main": "rzslider.js",
   "repository": {

rzslider.js

@@ -4,7 +4,7 @@
  * (c) Rafal Zajac <rzajac@gmail.com>
  * http://github.com/rzajac/angularjs-slider
  *
- * Version: v0.1.21
+ * Version: v0.1.27
  *
  * Licensed under the MIT license
  */
@@ -596,7 +596,10 @@ function throttle(func, wait, options) {
      */
     callOnChange: function() {
       if(this.scope.rzSliderOnChange) {
-        this.scope.rzSliderOnChange();
+        var self = this;
+        $timeout(function() {
+            self.scope.rzSliderOnChange();
+        });
       }
     },