Angular4 - Calculation in style bindings

Question

Is there anyway you can do calculation in the style binding target in Angular4 ?

I've tried

[style.width]="{{1+1}}"

[style.width]="{{1+1}}px"

[style.width]="{{1px+1px}}"

Answer 1

You can use [style.width.px]="1 + 1" in order to achieve that.