When utilizing the required or ng-required="true" attributes with a select and ui-select2 element, everything functions properly. However, the validation message appears at the top of the page rather than below the select element.https://i.sstatic.net/5pUL4.png
Displayed below is the code snippet:
<div class="form-group">
<label class="col-sm-12 col-xs-12">Status<span style="color:red">*</span></label>
<select data-placeholder="Pick an Status" ng-model="Status" class="selectUI" ui-select2 ng-required="true">
<option value=""></option>
<option value="1">New</option>
<option value="2">Approve</option>
<option value="6">Recommandetion Denied</option>
<option value="7">Approval Denied</option>
</select>
</div>
I am seeking a solution to have the validation message display alongside the select element on my page.