当网格API布尔值为==='true'时更改CSS

Question

我正在使用ag-grid，它能够添加groupsHeader，因此可以扩展和折叠选定的子标题的标题。在网格上的API是一个布尔gridAPI.expanded，如果展开则返回true，否则返回false。

我正在尝试根据此布尔值调整持有网格的div的宽度。

我尝试在我的div中使用ng-style和ng-if，但它没有接受布尔值（我放在示波器上）：

<div ng-if ='gridAPI.expanded === true' ng-style="{width:1720px}"></div>

知道网格是否已扩展的唯一方法是使用此布尔值。

有关如何使其发挥作用的任何想法？

Answer 1

这样的事情应该有效：

<div ng-style="gridAPI.expanded ? {width: '1720px'} : {}"></div>