Функция слайдера слайдера JQuery не задает значение angularJS

125
13

Я пытаюсь отобразить значения слайдера ниже его, захватывая значения из функции Slide и устанавливая его в переменные $scope AngularJS $scope но он не работает.

Это мой фрагмент кода JS:

$( "#price-slider" ).slider({
range: true,
min: 0,
max: 1000000,
values: [ 10000, 500000],
slide: function( event, ui ) {
$scope.price_gt = ui.values[0];
$scope.price_lt = ui.values[1];
}
});

HTML:

<div id="price-slider"></div>
<p style="text-align: center">₹ {{price_gt}} - ₹ {{price_lt}}</p>

Может кто-нибудь, пожалуйста, помогите мне понять, где я ошибаюсь? Мне нужно динамически получать значение, когда пользователь перемещает слайд и отображает его.

спросил(а) 2021-01-25T15:16:13+03:00 5 месяцев назад
1
Решение
76

попробуй это


<input type="text" id="price_gt" size="auto" readonly style="border:0; color:black; font-weight:bold;  width:100% " /> 

ответил(а) 2021-01-25T15:16:13+03:00 5 месяцев назад
45

Оказывается, проблема связана с AngularJs, а не с JQuery Slider.

Выполнение этого изменения решило мою проблему:

slide : function(event, ui) {
$scope.$apply(function() {
$scope.price = {
lower_limit : ui.values[0],
upper_limit : ui.values[1]
};
});
}

ответил(а) 2021-01-25T15:16:13+03:00 5 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема