cdkConnectedOverlayScrollStrategy在ng-template中不起作用

Question

我已将ng-template与cdk一起使用来创建overlay。我希望cdk的位置可以随着cdkOverlayOrigin的改变而自动改变。

所以我使用cdkConnectedOverlayScrollStrategy，但这不起作用，下一步我该怎么做？

HTML:

<div cdkOverlayOrigin>
  <ng-content></ng-content>
</div>
<ng-template
  cdkConnectedOverlay
  [cdkConnectedOverlayOrigin]="cdkOverlayOrigin"
  [cdkConnectedOverlayOpen]="guideOpen"
  [cdkConnectedOverlayPositions]="position"
  [cdkConnectedOverlayScrollStrategy]="stratege">
  <div class="guide-container">
    <div class="guide-body-container">
      <div class="guide-arrow" [ngClass]="guidePlacement"></div>
      <div class="text-container">
        This is my<br/>
        guide
      </div>
    </div>
  </div>
</ng-template>

TS:

public stratege: ScrollStrategy = this.overlay.scrollStrategies.reposition();