Я пытаюсь использовать 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]
.
Что я делаю не так?