ng-Modell nicht aktualisiert von jQuery Slider

Question

My HTML:

<div ng-controller="myController as ctrl">      
    <div id='slider-children'></div> 
    <br/> 
    <br/> 
    <input type="text" ng-model="ctrl.one"> 
    <input type="text" ng-model="ctrl.second"> 
</div> 

Winkelteil:

angular.module('myApp',[]).controller('myController',myController); 
function myController() { 
    var self=this; 
    $("#slider-children").slider({ 
     min: 0, 
     max: 99, 
     range:true, 
     values: [10, 20], 
     change: function (event, ui) { 
      self.one=ui.values[0]; 
      self.second=ui.values[1]; 
      console.log(self.one); 
      console.log(self.second); 
     } 
     });  
} 

Könnte mir jemand erklären, warum die Eingabe do not upgrade Texte, während ich die jQuery UI Schieber gleiten, während ctrl.one und ctrl.second haben die richtigen Werte? Sie aktualisieren nur manchmal! Was mache ich falsch?

Answer 1

Wir können nicht die vollständigen JQuery-Funktionen innerhalb des eckigen verwenden.

gibt es zwei alternative Lösungen

1.You die Werte in Textfeld aus jquery zuordnen kann, und direkt hinter dem folgenden Code in der HTML-Seite. es wird automatisch die Werte von Textfeld Winkelmodul binden, wenn wir die Werte Throught Javascript/jquery

<script type="text/javascript"> 
     !function (n, t) { "use strict"; var r = n.fn.val; n.fn.val = function (n) { if (!arguments.length) return r.call(this); var e = r.call(this, n); return t.element(this[0]).triggerHandler("input"), e } }(window.jQuery, window.angular); 
    </script> 

aktualisieren

2.You Angular Schieber anstelle von Jquery wie http://angular-slider.github.io/angularjs-slider/