NgStyle not being applied to html

Question

I have this ngStyle below that works like this

[ngStyle]="{'height': true ? '100vh' : null }"

but doesn't work (get applied) when I use a calc like this

[ngStyle]="{'height': true ? 'calc(100vh-100px)' : null }"

Can anyone tell me why?

Answer 1

All you need it space before and after -. like this -

[ngStyle]="{'height': true ? 'calc(100vh - 100px)' : null }"