Ellipsis Center обрезает длинный однострочный текст по центру, чтобы его начало и конец оставались видны в доступной ширине.

Использование

Передайте текст во входное свойство kbqEllipsisCenter элемента, ширину которого ограничивает контейнер. Директива сама выводит текст, поэтому элемент оставьте пустым.

<div [kbqEllipsisCenter]="file.name"></div>

Поведение

• Если текст не помещается, директива сохраняет видимым его конец — расширение файла или цифры, по которым различаются два отчета, — и ставит многоточие в середине.
• Тултип с полным текстом появляется, только пока часть текста скрыта. Чтобы отключить его, задайте kbqTooltipDisabled.
• Текст короче minVisibleLength не делится и обрезается в конце.
• Деление пересчитывается при изменении размера элемента, в том числе когда размер окна не меняется, например при перетаскивании разделителя. debounceInterval задает задержку в миллисекундах, по умолчанию 50.

Директива выводит имена файлов в File upload и длинные элементы в Breadcrumbs.