以角度 6 动态更改 div 的宽度答案

【问题标题】：Dynamically change the width of a div in angular 6以角度 6 动态更改 div 的宽度
【发布时间】：2019-06-25 07:04:42
【问题描述】：

我想动态改变一个 div 的 angular 6 的宽度。页面是使用 flex 设计的。所以，我需要添加以给出宽度 width : 41vw; 但是，[ngStyle]="width: '41vw'" 根本不起作用。

【问题讨论】：

你只尝试了 style="width: 41vw;" 吗？还是没有 [] 的 ngStyle？
@SaqibRaja 感谢您的评论。这样可行。但是，问题是我需要添加一个条件样式。并通过宽度。例如，如果变量 x = true，则宽度必须为 41vw。否则 38vw。
试试 [ngStyle]="x?'width:41vw' : 'width:38vw'"

【解决方案1】：

[ngStyle]="{'width': myCondition === true ? '41vw' : '38vw' }"

当然，您可以根据需要更改myCondition === true。

关于如何使用 ngStyle 的来源here

【讨论】：