如何正确使用css的“calc（）”与ng风格

Question

我使用Angular的ng-style和css的“calc（）”进行了以下内联样式，但它不起作用。有人能告诉我什么是错的吗？

// my jade file has a class named '.logo-area'. 
.logo-area(ng-style="{'right':'calc(100% -'+({{fixedWidth}}+'px') +')'}")

Answer 1

这对使用Angular 8的HTML来说对我有用

[ngStyle]="{'width': someAngularVariable +'px', 'left': 'calc(100% - ' +someAngularVariable + 'px)' }"

Answer 2

.logo-area(ng-style="{'right': 'calc(50% - '+{{fixedWidth}}+'px'+')'}")

将解决问题。