primeng p-multiSelect 未在组件中下拉

Question

我尝试使用primeng和multiselect。 在我的 HTML 中：

<p-multiSelect
  (onChange)="getSelectedIndexesList()"
  [(ngModel)]="selectedCategories"
  [options]="categories"
  class="multiselect-custom"
  defaultLabel="Select a Category"
  optionLabel="CategoryName"
>
    <ng-template let-value pTemplate="selectedItems">
        <div *ngFor="let option of selectedCategories" class="itemlist itemlist-value">
          <div>{{option.DocDescription }}</div>
        </div>
        <div *ngIf="!selectedCategories || selectedCategories.length === 0" class="category-placeholder">
           Select categories
        </div>
    </ng-template>
</p-multiSelect>

没什么特别的。我还在我的组件模块中导入了一些模块：

这是我的实现：

@NgModule({
  declarations: [
    SearchDocumentComponent
  ],
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
  exports: [],
  imports: [
    CommonModule, SearchDocumentRoutingModule, MatExpansionModule,
    MatFormFieldModule, MatSelectModule, ReactiveFormsModule,
    FormsModule, MultiSelectModule, DropdownModule    
  ]
})
export class SearchDocumentModule {
}

我还在我的应用程序模块中导入了一些模块：

@NgModule({
  declarations: [
    AppComponent, SiteComponent
  ],
  imports: [
    BrowserModule, BrowserAnimationsModule, MultiSelectModule,
    FormsModule, HttpClientModule, AppRoutingModule,
    SiteModule, DropdownModule,
  ],
  exports: [
    BrowserModule, BrowserAnimationsModule, MultiSelectModule,
    FormsModule, HttpClientModule, AppRoutingModule,
    SiteModule, DropdownModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})

我获得了选择中的值，但我对“布局”有问题。我没有下拉效果

Answer 1

<p-multiSelect appendTo="body"></p-multiSelect>

Answer 2

要打开全高度的下拉菜单，您必须使用“appendTo”属性。 appendTo=“正文”>