angular CDK Overlay 全局与源元素定位
接触 angular CDK Overlay一段时候后的感受。
记录:
下文 “angular CDK Overlay” 简称为 “Overlay”
思考下,你使用Overlay实现 “全局弹出层” 还是 “相对于某元素的弹出层”?
1.全局弹出层是相对于浏览器的窗口展示
如上图,全局弹出层定位策略中,可使用 right、bottom、top、left方法动态调整弹出层位置。
2.相对于某元素的弹出层,其定位一直围绕“该元素”转
如上图,相对于“源元素”定位策略,弹出层的位置是相对于“源元素”的位置来的,不可能脱离“源元素”,可使用 “withPositions([数组])”动态调整弹出层位置。
使用 angular CDK Overlay 时,一定要想清楚,你的弹出层是“全局”还是“相对”。
本文作者:youliCC