如何正确使用 css 的“calc()”和 ng-style

zih*_*aow 3 css calc ng-style angularjs-ng-style pug

我使用 Angular 的 ng-style 和 css 的“calc()”进行了以下内联样式设置,但它不起作用。任何人都可以告诉我出了什么问题吗?

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

小智 5

这在 HTML 和 Angular 8 中对我有用

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