Я создаю PWA для использования на iPhone. Это требует использования безопасной области вставки сверху, чтобы справиться с выемкой камеры. Приложение построено с использованием 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>
Где divHeight и valSafeAreaInsetTop установлены в onInit компонента.
Как получить значение safe-area-inset-top?
Спасибо