如何在angular js下拉多选中将所有选定的项目准确显示为下拉标题？

Question

目前，当我设置 dynamicTitle=true 时。它显示了所有选定的项目，如下图所示。

我希望它只显示项目。我在 source 但找不到怎么做。

有一个选择最大元素数量的选项，但我应该能够选择任意数量的元素，但只显示一个元素作为标题。

和元素

<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

`

有人可以帮我举个例子吗？

Answer 1

仅通过阅读他们网站上的文档，我相信您正在寻找的属性是：

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;
    }
};