如何使 ng-select 宽度适合占位符和项目？

Question

我有带有以下placeholder的<nb-select> ：

<nb-select id="weather" placeholder="Expected Weather" fullWidth>
  <nb-option [value]="1">Dry</nb-option>
  <nb-option [value]="2">Wet</nb-option>
</nb-select>

我正在尝试设置宽度以使其能够自动适应其内容以不仅显示项目而且显示占位符。

尝试使用“fullWidth”，但它仅适用于选项内容：

---

从以下帖子中检查了一些解决方案：

如何始终显示 ng-select 的占位符？

使 ng-select 宽度调整为所选项目/可用选项？

不幸的是它没有用。

谢谢

Answer 1

我找到的解决方案是将min-width设置为100%而不是使用fullWidth ：

<nb-select placeholder="Expected Weather" [ngStyle]="{'min-width': '100%'}" id="weather">
  <nb-option [value]="1">Dry</nb-option>
  <nb-option [value]="2">Wet</nb-option>
</nb-select>