Изменить мин./макс. значение ручки jQuery

Я работаю над угловой оболочкой для виджета jquery-knob. Следующее работает до тех пор, пока максимальное значение не изменится. Если это так, привязка ng-модели теряется. Если я не уничтожу виджет ручки в начале часов, максимальное значение не изменится.

//Directive
app.directive('knobWidget', function () {
    return {
        scope: {
            maxbinding: "=maxbinding",
            maxbindingprop: "@maxbindingprop"
        },
        restrict: 'A',
        require: 'ngModel',
        link: function (scope, elem, attrs, ngModel) {
            ngModel.$render = function () {
                $(elem).val(ngModel.$viewValue).trigger("change");
            };          
            scope.$watch('maxbinding', function (newVal) {
                $(elem).knob('destroy');
                $(elem).knob({
                    min: 0,
                    max: scope.maxbinding[scope.maxbindingprop],
                    value: ngModel.$viewValue,
                    change: function (changeVal) {
                        scope.$apply(function () {
                            ngModel.$setViewValue(changeVal);
                        });
                    }
                });
            });
        }
    };
});
//Markup
<input knob-widget data-min="0" maxbinding="arr" maxbindingprop="length" ng-model="currentStop" />

Делает:

$(elem).knob('max', scope.maxbinding[scope.maxbindingprop]);

тоже не работает. Любые идеи?


person AaronF    schedule 25.06.2014    source источник


Ответы (1)


Использование trigger('configure') с последующим trigger('change') должно помочь

$(elem).trigger('configure', {
                  'max': scope.maxbinding[scope.maxbindingprop];
              });
$(elem).trigger('change');

Источник

person JTG    schedule 25.06.2014
comment
Спасибо за указание на событие configure. Одна из проблем заключается в том, что запуск события изменения пытается вызвать $apply() из $watch(), вызывая ошибку $digest уже в процессе. - person AaronF; 26.06.2014