2016-11-29 102 views
0

我有一个年龄范围滑块,其年龄为fromto。我需要将选定的值传递给ng模型,但是我的ng模型不读取该值。由于我创建的滑块是jQueryUi。从输入类型提取值=范围

我需要在ng-model中传递在5-6中选择的值。我尝试从我的jQuery脚本传递值到ng模型,它没有更新。

需要帮助。

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

如果从角框架之外更新在任何角度,角度也不会承认这些changes.So更新您的你NG-模型需要修改$ scope中的年龄范围值。angular提供的$ apply()函数。有关更多信息,请参阅angular docs。