Angular cdk覆盖默认占有

我正在使用cdk overlay flexibleConnectedTo（原点）。 所以它是开放的取决于自由空间，如果底部没有足够的空间，它在顶部是开放的。 但默认情况下，如果顶部和底部有足够的空间，则顶部是打开的。 是否可以更改默认位置以在底部打开它

  private getOverlayPosition(origin): PositionStrategy {
    return this.overlay.position()
      .flexibleConnectedTo(origin)
      .withPositions(this.getPositions())
      .withFlexibleDimensions(false)
      .withPush(false)
  }

  private getPositions(): ConnectionPositionPair[] {
    return [
      {
        originX: 'center',
        originY: 'top',
        overlayX: 'center',
        overlayY: 'bottom'
      },
      {
        originX: 'center',
        originY: 'bottom',
        overlayX: 'center',
        overlayY: 'top',
      },
    ]
  }

---

只需交换

ConnectionPositionPair[]

数组中的那些元素，因为它们的顺序很重要。若cdk能根据第一个位置定位你们的元素，它就不会去看第二个位置

private getPositions（）：ConnectionPositionPair[]{
返回[
{
原文：“中心”，
原文：'底部'，
overlyx:'中心'，
覆盖：“顶部”
},
{
原文：“中心”，
原创：“top”，
overlyx:'中心'，
覆盖：'底部'，
},
]
}

参考文献

位置：ConnectionPositionPair[]//首选位置的有序列表，从最理想到最不理想

---

只需交换

ConnectionPositionPair[]

数组中的那些元素，因为它们的顺序很重要。若cdk能根据第一个位置定位你们的元素，它就不会去看第二个位置

private getPositions（）：ConnectionPositionPair[]{
返回[
{
原文：“中心”，
原文：'底部'，
overlyx:'中心'，
覆盖：“顶部”
},
{
原文：“中心”，
原创：“top”，
overlyx:'中心'，
覆盖：'底部'，
},
]
}

参考文献

位置：ConnectionPositionPair[]//首选位置的有序列表，从最理想到最不理想