在 angular-ui select 中设置 ng-selected答案

【问题标题】：Set ng-selected in angular-ui select在 angular-ui select 中设置 ng-selected
【发布时间】：2014-04-09 12:36:48
【问题描述】：

我的 HTML 代码：

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

我的 JS 代码：

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

我想预填充我的 ui-select 输入。我正在使用ui-select。如果我不使用 ui-select 输入而只使用标签，那么它就可以工作。但是，没有标签。

有哪些可能的解决方案？请帮助我，因为我在我的应用程序中使用过。

【问题讨论】：

标签： forms angularjs angular-ui ui-select2

【解决方案1】：

只需将 lenderInfo.modelState.selected 设置为您想要预选的值。

这里有一些代码供您尝试，只需将这些行放在您设置控制器的地方

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

【讨论】：

【解决方案2】：

您需要在 states 数组中提供您想要预填充的状态。如果这不能解决它，请制作一个 plunker/fiddle，我会调查它:)

【讨论】：

这应该是评论而不是答案。