Тип ввода числа позволяет пользователю удалить номер и иметь пустой ввод - PullRequest
0 голосов
/ 10 января 2019

Я использую angularJS с rzSlider , чтобы позволить пользователю вручную ввести числовое значение или использовать ползунок, который затем заполнит ввод. Проблема в том, что когда они перетаскивают ползунок, а затем удаляют весь ввод из поля ввода, пол rzslider переходит в неопределенное или NaN. Я использую директиву для рисования HTML.

enter image description here enter image description here

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>' +

1 Ответ

0 голосов
/ 10 января 2019

Добавление ng-model="model.autoLoan.borrowAmount || 0" исправило проблему благодаря @ holydragon

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...