選擇具有大名稱的項目時，下拉選擇項目的省略號寬度

Question

我正在使用第三方庫進行多選下拉菜單。 https://github.com/softsimon/angular-2-dropdown-multiselect

我有以下設置

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

如果我選擇從下拉菜單中有用完的下拉長名稱的項目。我爲下拉菜單設置了固定的寬度。所以我的問題是，如果選擇的名稱太長，而不是用完下拉框，可能省略名稱？請幫忙。

Answer 1

不知道這是否會與第三方庫的工作，但我用截斷管道：

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

} 

用法的例子：

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

這將需要在變量文本名稱並將其截斷爲30個字符，然後在該字符串的末尾附加一組省略號。