У меня есть ползунок по возрасту с 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));
});
jQuery ui widgets имеет интеграцию с интеграцией с angularjs, проверьте это https://htmlpreview.github.io/?https://github.com/angular-ui/ui-slider/master/demo/index.html –