Set ng-selected in angular-ui select

Question

My HTML code:

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

My JS code:

$scope.selectState = function(stateIdPassed)
{
    console.log(stateIdPassed);
    if(stateIdPassed == $scope.stateId){
        return 'selected';
    }
}

I want to prefill my ui-select input. I am using ui-select. If i don't use ui-select input and just use tags, then its working. But, not with tags.

What are the possible solutions? Please help me out as i have used in my application.

Richard Torcato · Accepted Answer · 2014-05-27 14:42:16Z

3

just set lenderInfo.modelState.selected with the value you want preselected.

here is some code for you to try just throw these lines where you setup the controller

$scope.lenderInfo.modelState = {};
$scope.lenderInfo.modelState.selected =  {"stateId":1,"stateName":"Florida"};

answered May 27, 2014 at 14:42

Richard Torcato

2,84028 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

goldylucks · Accepted Answer · 2014-12-14 12:07:12Z

0

You need to have the state you want prefilledto be available in the states array. If that doesn't fix it, make a plunker/fiddle and I'll look into it :)

answered Dec 14, 2014 at 12:07

goldylucks

6,1626 gold badges44 silver badges61 bronze badges

1 Comment

user3718908x100 Over a year ago

This should be a comment and not an answer.

Collectives™ on Stack Overflow

Set ng-selected in angular-ui select

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related