Установите заполнитель для ui-select2, используя AngularJS, показывающий объект, а не текст - PullRequest
0 голосов
/ 14 января 2019

Я пытаюсь использовать placeholder ui-select2 по умолчанию и передаю в него объект для использования для свойств id и value объекта.

Это мой HTML:

<select ui-select2="select2Options" class="input-large" ng-model="selectedProduct.ProductTypeCode" ng-change="selectedProduct.AccountTypeCode = ''">
  <option value=""></option>
  <option ng-repeat="prod in products | orderBy: 'ProductType' track by prod.ProductTypeCode" value="{{prod.ProductTypeCode}}">{{prod.ProductType}}</option>
</select>

Это мой javascript-объект select2Options, у которого есть опция placeholder:

$scope.select2Options = {
  dropdownAutoWidth: true,
  placeholder: {
    id: $scope.products[0].ProductTypeCode, // RTMT
    text: $scope.products[0].ProductType // 'Retirement'
  }
}

Я тоже использовал это без везения:

$scope.select2Options = {
  dropdownAutoWidth: true,
  placeholder: $scope.products[0]
}

Я хочу, чтобы заполнитель имел значение $scope.products[0].ProductTypeCode, а текст - $scope.products[0].ProductType, но при выводе html он отображается как [object Object].

Что я делаю не так?

...