2016-11-29 5 views
0

У меня есть ползунок по возрасту с from и to возраст. Мне нужно передать значение, выбранное в ng-model, но моя ng-модель не считывает значение. Поскольку созданный мной слайдер с jQueryUi.Извлечение значений из входного типа = диапазон

Мне нужно передать значение, выбранное как 5-6 in в ng-модели. Я попытался передать значения из моего сценария 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 widgets имеет интеграцию с интеграцией с angularjs, проверьте это https://htmlpreview.github.io/?https://github.com/angular-ui/ui-slider/master/demo/index.html –

ответ

1

Если вы обновляете что-нибудь в угловой из-за пределов угловой структуры, угловатые не распознают эти changes.So обновить нг-модель вы необходимо изменить значение своего возрастного диапазона в $ scope. Функция $ apply() предоставляется угловым.Подробнее обратитесь к угловым документам.

Смежные вопросы