[英]Jquery / Javascript dynamic attributes max, min value on change input value
[英]Change jQuery Knob Min/Max value
我正在為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]);
也不起作用。 有任何想法嗎?
使用trigger('configure')
后跟trigger('change')
應該可以解決問題
$(elem).trigger('configure', {
'max': scope.maxbinding[scope.maxbindingprop];
});
$(elem).trigger('change');
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.