I bind to a ng-dropdown multiselect, ng-dropdown-multiselect="" selected-model="myObj" extra-settings="myObjSettings" options="myObjList" translation-texts="myObjCustomText" ng-dropdown-multiselect-disabled="myObjDisabled" events="myObjtEvents"> The myObjList is a KeyValue pair. How can i make certain options in the list as non-selectable depending on a condition and maybe even strike out the option , ie put a line through it so the user knows it is not selectable ?

use this "myObj" 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' , disabledField : "isDisabled" , smartButtonMaxItems: 1, selectionLimit: 1, externalIdProp: '' , displayProp: 'ItemText' + ' ' + 'ItemValue' , idProp: 'ItemValue' , showCheckAll: false , showUncheckAll: false , closeOnSelect: true }; $scope.myObjList= [{ ItemValue: "1" , ItemText: "1" + "" + "Standard", isDisabled:true }, { ItemValue: "2" , ItemText: "2" + "" + "Intermediate", isDisabled:false }];

Answer

How can i make options unselectable in an ng-dropdown multiselect ?

mel_lisau

913

I bind to a ng-dropdown multiselect,

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

The myObjList is a KeyValue pair. How can i make certain options in the list as non-selectable depending on a condition and maybe even strike out the option , ie put a line through it so the user knows it is not selectable ?