javascript - 输入类型数字允许用户删除数字并有一个空输入

Question

我将 angularJS 与rzSlider一起使用，以允许用户手动输入数字值或使用滑块来填充输入。问题是当他们拖动滑块然后从输入字段中删除整个输入时，rzslider floor 变为 undefined 或 NaN。我正在使用指令来绘制 HTML。

HTML：

'<div class="form-group position-relative mb-5">' +
     '<label class="mb-3 calculatorLabel">How much are you looking to borrow? <a tabindex="0" data-toggle="popover" data-trigger="focus" title="How Much Can you Borrow" data-content="And here\'s some amazing content. It\'s very engaging. Right?"><i class="far fa-question-circle"></i></a></label>' +
     '<input class="form-control form-control-lg text-transform-none" type="number" min="0" ng-required="true" title="Please Enter loan amount" maxlength="7" ng-model="model.autoLoan.borrowAmount">' +
     '<rzslider rz-slider-model="model.autoLoan.borrowAmount" rz-slider-options="model.autoLoan.slider.borrowAmount.options"></rzslider>' +
'</div>' +

标签： javascriptangularjs

Answer 1

添加ng-model="model.autoLoan.borrowAmount || 0"纠正了问题感谢@holydragon