Question

我有一个p下拉列表，它的宽度似乎没有变化。但是，我希望其宽度为最小含量的宽度。我在PrimNG上找不到与此有关的任何文档。那么，有什么办法设置它的宽度吗？谢谢！

buildscript {
    //...
    dependencies {
        classpath("com.android.tools.build:gradle:3.4.2")
        //...
    }
}

Scss

//frame - JFrame
frame.setExtendedState(JFrame.ICONIFIED);
frame.setExtendedState(JFrame.NORMAL);
frame.toFront();
frame.requestFocus();

Answer 1

您可以使用styleClass属性绑定来自定义p-dropdown的样式

<p-dropdown attr.data-property-name="{{ serverControl.name }}" autoWidth="false"
          [name]="serverControl.name ? serverControl.name : 'testDropdown'" [options]="options"
          [disabled]="serverControl.readOnly" [ngStyle]="{width: 'min-content'}" [required]="serverControl.required"
          [title]="serverControl.title ? serverControl.title : ''"
          [ngModel]="default" (onChange)="
            serverControl.value = $event;
            select.emit($event.value ? $event.value.toString() : null)
          " #ddList="ngModel" styleClass="my-dropdown">
</p-dropdown>

我的自定义CSS

.my-dropdown {
  width: 7rem;
}

Answer 2

您可以添加[style] =“ {width：'100％'，overflow：'visible'}”

<p-dropdown attr.data-property-name="{{ serverControl.name }}"
      [style]="{ width: '100%', overflow: 'visible' }"
      [name]="serverControl.name ? serverControl.name : 'testDropdown'" [options]="options"
      [disabled]="serverControl.readOnly" [ngStyle]="{width: 'min-content'}" [required]="serverControl.required"
      [title]="serverControl.title ? serverControl.title : ''"
      [ngModel]="default" (onChange)="
        serverControl.value = $event;
        select.emit($event.value ? $event.value.toString() : null)
      " #ddList="ngModel">

将primeNG p-下拉宽度设置为min-content

2 个答案: