访问Angular组件中的值safe-area-inset-top？

Question

我正在构建用于iPhone的PWA。这需要使用安全区顶部来处理摄像头缺口。该应用程序是使用Angular 6构建的。

这有效：

<div style="height: env(safe-area-inset-top)">
   This div has a height equal to the value of env(safe-area-inset-top)
</div>

但是，我想使用Angular的动态绑定来执行以下操作：

<div [style.height.px]="divHeight - valSafeAreaInsetTop">
   This div has a calculated height.
</div>  

在组件的onInit中设置了divHeight和valSafeAreaInsetTop的地方。

我如何获得安全区顶部的价值？

谢谢