Loading

How can i set the displayProp of a options in AngularJS to be a combin

mel_lisau

How can I set the display text for my drop down to b a combination of my ItemText and ItemValue

The list that i bind to the ng-dropdown , ngObjList is a KeyValuePair.

ng-dropdown-multiselect=""
selected-model="myObj"
extra-settings="myObjSettings"
options="myObjList"
translation-texts="myObjCustomText"
ng-dropdown-multiselect-disabled="myObjDisabled"
events="myObjtEvents">

$scope.myObjSettings = {
enableSearch: true,
scrollable: true,
scrollableHeight: '300px',
smartButtonMaxItems: 1,
selectionLimit: 1,
externalIdProp: '',
displayProp: 'ItemText' + ' ' + 'ItemValue' , <--- that doesnt work
idProp: 'ItemValue',
showCheckAll: false,
showUncheckAll: false,
closeOnSelect: true
};

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh4y ago
Accepted answer
while creating the options, use concatenation.
$scope.myObjList= [{
    ItemValue: "1",
    ItemText: "1"+""+ "Standard"
  }, {
    ItemValue: "2",
    ItemText: "2"+""+"Intermediate"
  }];
+1
Ck Nitin4y ago
try string concat

$scope.str1.concat($scope.str2);
+1