Code Snippet:
<div class="form-group col-md-4">
<label for="lenderBusinessState">Select State</label>
<div class="input-group select2-bootstrap-append">
<ui-select name="lenderBusinessState" ng-model="lenderInfo.modelState.selected" theme="select2" class="form-control">
<match placeholder="Select Lender State">{{$select.selected.stateName}}</match>
<choices repeat="state in states | filter: $select.search">
<span ng-bind-html="state.stateName | highlight: $select.search" ng-selected="selectState(state.stateId)"></span>
</choices>
</ui-select>
<span class="input-group-btn">
<button type="button" ng-click="lenderInfo.modelState.selected = undefined" class="btn btn-danger">
<span class="glyphicon glyphicon-trash"></span>
</button>
</span>
</div>
</div>
JavaScript Function:
$scope.selectState = function(stateIdPassed)
{
console.log(stateIdPassed);
if(stateIdPassed == $scope.stateId){
return 'selected';
}
}
The user is facing prefilled ui-select input issue and seeking assistance. They are using ui-select. The issue arises when using ui-select tags compared to regular options tags. What suggestions do you have to solve this problem?