Question

在当前版本8.0.2中使用PrimeNg，列表框内的搜索框遇到布局问题。显然，这已在3077中解决。我已经created a stackblitz example，您可以看到它。

html代码为：

<p-listbox [options]="cities" [(ngModel)]="selectedCities" multiple="multiple" checkbox="checkbox" filter="filter" optionLabel="name"
[listStyle]="{'max-height':'150px', 'width':'300px'}">
  <p-header>
    Cities
  </p-header>
</p-listbox>

错误又回来了吗？我想念什么吗？

感谢您的帮助！

Answer 1

从文档中可以看出，问题在于混合了属性[style]和[listStyle]。

style-容器的内联样式。

styleClass-容器的样式类。

listStyle-列表元素的内联样式

。

因此，应将内联样式分为2个不同的属性：

<p-listbox [options]="cities" [(ngModel)]="selectedCities" multiple="multiple" checkbox="checkbox" filter="filter" optionLabel="name"
[listStyle]="{'max-height':'150px'}" 
[style]="{'width':'300px'}">
  <p-header>
    Cities
  </p-header>
</p-listbox>

p-listbox：搜索过滤器文本框不适合宽度

1 个答案: