使用 [ngStyle] 中的 calc() 设置宽度 angular 变量不起作用

Question

我正在通过 angular 变量动态设置 div 的宽度。这是我的模板：

<nav class="navbar-dark" 
[ngClass]="isDefault() ? 'navbar-original': 'navbar'"
[ngStyle]="{ 'margin-left.px': navbarMargin, 'width.px': 'calc(100% - ' + navbarMargin + 'px)' }">

在这里，左边距工作正常，但宽度没有更新。

尝试过

[style.width.%]="sanitizer.bypassSecurityTrustStyle('calc(100% - 80px)')"

和

[ngStyle]="{'width.px': width}"

以及这些的各种组合。没有更新宽度。

我到底错过了什么？

Answer 1

您试过只使用 [style.width] 吗？ "calc(100%- 80px)" 毕竟是一个字符串，[style.width.px] 需要一个数字。