Wie zeigt man genau einen ausgewählten Punkt unter allen als Dropdown-Titel in eckigen js dropdown multiselect?

Question

Momentan wenn ich dynamicTitle = true. Es zeigt alle ausgewählten Elemente wie im folgenden Bild an.

Ich möchte es nur Artikel anzeigen. Ich suchte an source aber konnte nicht finden, wie man es macht.

Es gibt eine Option, um die maximale Anzahl von Elementen auszuwählen, aber ich sollte in der Lage sein, eine beliebige Anzahl von Elementen auszuwählen, aber nur ein Element als Titel anzuzeigen.

und Element

<div title={{model.Base.currentRecord.value.Code.display}} ng-dropdown-multiselect="" ng-class="choosen" options="locations" selected-model="myModel" extra-settings="settings" translation-texts="{buttonDefaultText: 'Select Districts'}" style="display:table" class="pull-right"></div> 

`

   scrollableHeight: '300px', 
       closeOnBlur: true, 
       dynamicTitle: true, 
       scrollable: false, 
       displayProp: 'label', 
       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: 1, 
       smartButtonTextConverter: angular.noop 

`

Kann mir jemand durch ein Beispiel helfen?

Answer 1

einfach die Dokumente auf ihrer Website von der Lektüre, ich glaube, die Eigenschaft, die Sie für Ihre Suche ist:

smartButtonMaxItems : 1 

/HTML 
<div ng-dropdown-multiselect="" options="example13data" selected-model="example13model" extra-settings="example13settings"></div> 

//JS 
$scope.example13model = []; 
$scope.example13data = [ 
    {id: 1, label: "David"}, 
    {id: 2, label: "Jhon"}, 
    {id: 3, label: "Lisa"}, 
    {id: 4, label: "Nicole"}, 
    {id: 5, label: "Danny"}]; 

$scope.example13settings = { 
    smartButtonMaxItems: 3, 
    smartButtonTextConverter: function(itemText, originalItem) { 
     if (itemText === 'Jhon') { 
     return 'Jhonny!'; 
     } 

     return itemText; 
    } 
};