Angular11 PrimeNG多选如何切片较长选项标签
Angular11 PrimeNG多选如何切片较长选项标签
提问于 2021-10-13 08:31:05
我正在使用Angular 11的PrimeNG多选。其中一个选项标签有更长的文本。我想切片标签，如果它超过一定的长度。有谁能帮我实现这一点吗？
选项是
@Input() options: ISelectOption<number, string>[];
<p-multiSelect
#multiSelect
[options]="options"
[(ngModel)]="values"
optionLabel="name"
dropdownIcon="fas fa-caret-down"
(onChange)="onValueChange()"
[placeholder]="placeholderText"
display="chip"
[optionValue]="_config?.optionValue"
[disabled]="disabled || readonly"
></p-multiSelect>回答 1
Stack Overflow用户
发布于 2021-10-14 08:29:26
我认为你有两个解决方案：
- 循环onInit中的选项，并检查选项的长度是否超过其切片部分的最大长度，并显示例如100个字符的
- 为多选组件设置CSS样式
.p-多选.p-多选面板{最小宽度:自动；最大宽度: 278px；}
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69552179
复制相关文章
相似问题
腾讯云开发者
