2016-11-29 13 views
0

私はfromto年齢と年齢の範囲スライダを持っています。選択した値をng-modelに渡す必要がありますが、ng-modelは値を読み取れません。作成したスライダーはjQueryUiで作成されています。フェッチ値=範囲

私はNG-モデルにして5-6として選択された値を渡す必要があります。私は自分のjQueryスクリプトからng-modelに値を渡そうとしました。

援助を必要とします。

HTML:

<label for="age">Age:</label> 
<input type="text" id="age" ng-model="model.ageRange" readonly style="border:0; color:#f6931f; font-weight:bold;"> 
<div id="slider-range"></div> 

JS:

$(function() { 
    $("#slider-range").slider({ 
     range: true, 
     min: 0, 
     max: 100, 
     /*values: [ 0, 100 ],*/ 
     slide: function(event, ui) { 
      $("#age").val("" + ui.values[ 0 ] + " - " + ui.values[ 1 ]); 
     } 
    }); 
    $("#age").val("" + $("#slider-range").slider("values", 0) + 
     " - " + $("#slider-range").slider("values", 1)); 
}); 
+0

のjQuery UIウィジェットangularjsとのpropperの統合はこれをチェックしていhttps://htmlpreview.github.io/?https://github.com/angular-ui/ui-slider/master/demo/index.html –

答えて

1

あなたは、角フレームワーク外からの角度で何かを更新する場合は、角度があなたのNG-モデルあなたを更新するために、これらのchanges.Soを認識しません$の範囲であなたの年齢の範囲の値を変更する必要があります。$詳細についてはangular.See角度のドキュメントが提供する()関数を適用します。