I am using a jquery form helper that allows a user to increment the numerical values. I am doing form validation in angular, but it doesn't seem to bind the data entered to the angular model:
<div class="form-group" ng-class="{'has-error': rc.secondForm.needsAttention(secondForm.numBaths)}">
<label class="control-label">Bathrooms</label>
<input type="hidden" data-name="numBaths" type="text" required ng-model="new_property.numBaths" />
<div class="bfh-selectbox" id="bathsSelect" data-name="numBaths" data-value="1">
<div data-value="1">1</div>
<div data-value="2">2</div>
<div data-value="3">3</div>
<div data-value="4">4</div>
<div data-value="5">5+</div>
</div>
</div>
This does not pass validation because they are required fields. How do I bind this data properly?
Thanks
