在对象上使用 ngRepeat 时如何设置选中

Question

我正在尝试设置 select2 下拉菜单的初始值。问题是该值是一个对象。 我试着弄乱initSelection，但我什至无法让它调用它。我将debugger 放入其中，但没有任何反应。 ngSelected 也不起作用 :(

我发了plunker。

标记

<select ui-select2="opt" 
      ng-change="save()"
      ng-model="chosen" 
      data-placeholder="Choose">
      <option value=""></option>
      <option ng-repeat="item in list" value="{{item}}">{{item.a + ' ' + item.b}}</option>
</select>

控制器

app.controller('MainCtrl', function($scope) {
  $scope.selected = {a: 2, b: 22};
  $scope.list = [{a: 1, b: 11}, {a: 2, b: 22}];

  $scope.opt = { 
    allowClear: true,
    initSelection: function (elem, callback) {
      debugger; // this never triggers... :(
    }
  };

  $scope.save = function() {
    $scope.pre = $scope.chosen;
  };
});

我希望在下拉列表中选择$scope.selected 中的值。

Answer 1

这对你有用吗？

HTML：

<select ui-select2="opt" 
      ng-change="save()"
      ng-model="chosen" 
      data-placeholder="Choose">
      <option value=""></option>
      <option ng-repeat="item in list" value="{{item}}">{{item.a + ' ' + item.b}}</option>
</select>

JS：

app.controller('MainCtrl', function($scope) {
  $scope.selected = {a: 2, b: 22};
  $scope.list = [{a: 1, b: 11}, {a: 2, b: 22}];
  $scope.chosen = $scope.selected;

  $scope.opt = { 
    allowClear: true,
    initSelection: function (elem, callback) {
      debugger; // this never triggers... :(
    }
  };

  $scope.save = function() {
    $scope.pre = $scope.chosen;
  };
});

Answer 2

我遇到了同样的问题，我没有找到 initSelection 的任何解决方案。

但我解决了它..按照这个例子https://github.com/angular-ui/ui-select/blob/master/examples/demo.html

在您的情况下，您需要这样做：

 <ui-select ng-model="Choose" theme="select2" ng-disabled="disabled">
                <ui-select-match>{{$select.selected.a}}</ui-select-match>
                <ui-select-choices repeat="item in list | filter: {a: $select.search}">
                    <div ng-bind-html="item.a| highlight: $select.search"></div>
                </ui-select-choices>
            </ui-select>