невозможно обновить минимальную ширину cdk-connected-overlay

Question

Я использую шаблонную переменную для этого компонента.Вот как я создал оверлей для выпадающих опций

<ng-template
cdk-connected-overlay
[minWidth]="optionsWidth"
[open]="isOpen"
[origin]="origin"
#optionsContainer
>

<div class="options">
  <ng-content></ng-content>
</div>

даже после обновления значения minwidth ширина cdkconnectedoverlay не меняется

Я пыталсяобновите его, используя ссылку на оверлей, ниже приведен код

@ViewChild('optionsContainer')
  optionsContainer: CdkConnectedOverlay;

, затем я прочитал оверлейную ссылку

this.optionsContainer.overlayRef

, но это всегда не определено, застрял с этим, может кто-нибудь помочь, я использую angular cdk 5.XX версия

Answer 1

overlayRef будет существовать только после наложения наложения.Вы можете подписаться на событие attach, чтобы определить, когда оно прикреплено, а затем применить желаемую ширину.

this.optionsContainer.attach.subscribe(() => { // update width here })

Answer 2

Добавьте атрибут positionChange и попробуйте код:

this.optionsContainer.overlayRef.updateSize ({minWidth: this.optionsWidth})