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

Question

Я пытаюсь использовать ui-select2 placeholder опция по умолчанию и передача в нее объекта для использования 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, но это показывает как [object Object] когда HTML отображается.

Что я делаю неправильно?