Angular MultiSelect DropDown

Question

Im eckigen MultiSelect möchte ich den Id Wert in den Optionen anzeigen. Gerade jetzt zeige ich nur Label-Wert.

Für zB: HTML:

JS: $ scope.example14data = [{ "label": "Alabama", "id": "AL" }

Aktuelles Ergebnis: Alabama

Erwartetes Ergebnis: Alabama AL

Bitte beachten Sie die unten js Geige Js Fiddle: https://jsfiddle.net/michaeldeongreen/22et6sao/9/

Vielen Dank im Voraus

Answer 1

Zuerst bearbeiten Sie getPropertyForObject Funktion

$scope.getPropertyForObject = function (object, property, property2) { 
    if (angular.isDefined(object) && object.hasOwnProperty(property)) { 
     return object[property] + (object[property2]?(" "+object[property2]):""); 
    } 

    return ''; 
}; 

Dann dieses

if (checkboxes) { 
       template += '<div class="checkbox"><label><input class="checkboxInput" type="checkbox" ng-click="checkboxClick($event, getPropertyForObject(option,settings.idProp))" ng-checked="isChecked(getPropertyForObject(option,settings.idProp))" /> {{getPropertyForObject(option, settings.displayProp, settings.displayProp2)}}</label></div></a>'; 
      } else { 
       template += '<span data-ng-class="{\'glyphicon glyphicon-ok\': isChecked(getPropertyForObject(option,settings.idProp))}"></span> {{getPropertyForObject(option, settings.displayProp, settings.displayProp2)}}</a>'; 
      } 

ändern Und auch

$scope.settings = { 
       dynamicTitle: true, 
       scrollable: false, 
       scrollableHeight: '300px', 
       closeOnBlur: true, 
       displayProp: 'label', 
       displayProp2: 'id', 
       idProp: 'id', 
       externalIdProp: 'id', 
       enableSearch: false, 
       selectionLimit: 0, 
       showCheckAll: true, 
       showUncheckAll: true, 
       closeOnSelect: false, 
       buttonClasses: 'btn btn-default', 
       closeOnDeselect: false, 
       groupBy: $attrs.groupBy || undefined, 
       groupByTextProvider: null, 
       smartButtonMaxItems: 0, 
       smartButtonTextConverter: angular.noop 
      }; 

Answer 2

Es gibt keinen Ergebnisformatierer, den ich finden könnte. Ich habe eine Abhilfe

, die das Ergebnis zurückkehren würde

{ "label": "Alabama", "id": "AL", "analysiert": "Alabama AL"}

https://jsfiddle.net/22et6sao/477/

$scope.example14model = []; 
$scope.example14settings = { 
    scrollableHeight: '200px', 
    scrollable: true, 
    enableSearch: true, 
    externalIdProp : '' 
}; 

$scope.EXeVENTS = { 
    onItemSelect : function(item){ 
    item.parsed = item.label + ' ' + item.id 
    } 
} 

hoffe, das ist Ok.