Ellipse Breite des Drop-Down-Objekts ausgewählt, wenn ein Element mit großem Namen ausgewählt ist

Question

Ich verwende eine Third-Party-Bibliothek für Multi-Select-Dropdown. https://github.com/softsimon/angular-2-dropdown-multiselect

Ich habe folgende Einstellungen

selectSettings:IMultiSelectSettings = { 
    enableSearch: true, 
    checkedStyle: 'fontawesome', 
    dynamicTitleMaxItems: 1, 
    displayAllSelectedText: false 
    }; 

Wenn ich ein Element aus Dropdown auswählen, die einen langen Namen hat es aus dem Drop-Down läuft. Ich habe eine feste Breite für das Dropdown festgelegt. Also meine Frage ist, dass, wenn es möglich ist, den Namen zu verwerfen, wenn der ausgewählte Name zu lang ist, anstatt aus der Dropdown-Box zu laufen? Bitte helfen Sie.

Answer 1

Nicht sicher, ob dies mit 3rd-Party-Bibliothek arbeiten, aber ich benutze ein truncate Rohr:

import { Pipe, PipeTransform } from '@angular/core'; 

@Pipe({ 
    name: 'truncate' 
}) 
export class TruncatePipe implements PipeTransform { 

    transform(value: any, limit: number = 10, trail: string = '...'): string { 
     return value.length > limit ? value.substring(0, limit) + trail : value; 
    } 

} 

Ein Beispiel für die Nutzung:

{{ name | truncate : 30 : '...' }} 

Dadurch wird den Text in den Variablen nehmen Benenne ihn und trenne ihn auf 30 Zeichen und füge dann eine Reihe von Ellipsen am Ende der Zeichenfolge an.