angular - 手动重新定位 ng-dropdown-panel

Question

我有一个 ng-select，它的自定义页脚仅在单击按钮时可见。当页脚可见时，我想重新定位 ng-dropdown 面板。目前，当下拉菜单可见并且单击按钮时，底部会隐藏，因为下拉菜单没有重新定位，所以会添加自定义页脚。

 <ng-select #dropdown class="ng-select-theme custom-dropdown" [items]="data" [multiple]="false"
        [bindLabel]="dataOptions.name" [closeOnSelect]="false" [clearable]="false" [bindValue]="dataOptions.value" [placeholder]="placeholder" [ngModel]="selectedItems" (open)="handleClick()"
        (change)="selectionChanged($event)" [isOpen]="isOpen || showCustomOption" [disabled]="disabled" [searchable]="false" [dropdownPosition]="dropdownPosition" appendTo="body" (close)="onDropdownClose()">
        <ng-template ng-label-tmp let-item="item">
            <span class="ng-value-label"> {{item.custom? item.value :item.name}}</span>
        </ng-template>
        <ng-template ng-option-tmp let-item="item" let-item$="item$" let-index="index">
            <span id="item-{{index}}">{{item.name}}</span>
        </ng-template>
        <ng-template *ngIf="showFooter" ng-footer-tmp>
            <button class="button-comp btn-cancel" (click)="cancelSelection()">CANCEL</button>
            <button class="button-comp btn-apply" (click)="applySelection()" [disabled]="!canApply">APPLY</button>
        </ng-template>
    </ng-select>

标签： angularangular-ngselect