In my current situation, I am encountering an issue with a typeahead feature on a repeating form element that consists of 5 input fields. While everything functions correctly when selecting results and populating the input fields, the model does not get updated as expected.
The typeahead setup is as follows:
<input type="search"
ng-model="product"
ng-model-options="{ getterSetter: true }"
typeahead-editable="true"
typeahead-click-open
typeahead-loading="product_Loading"
typeahead-input-formatter="inputFormatter($model)"
typeahead-min-length="0"
typeahead-select-on-exact="true"
typeahead-no-results="noResults"
typeahead-popup-template-url="/app/directives/typeaheadDefaultTemplate.html"
typeahead-popup-template-new="products"
autocomplete="off"
placeholder="Select product"
uib-typeahead="tyh as tyh.name for tyh in typeahead($viewValue, 'products')"
class="form-control no-border-right">
Here are the recipients for the selected element:
<input name="qty" type="number" ng-model="product.qty" class="qty form-control text-right" value="1">
<input name="price" type="number" ng-model="product.price" class="price form-control text-right" placeholder="0.00">
<input name="total" value="0.00" disabled type="number" class="total form-control text-right">