javascript - 当网格 API bool 值为 === 'true' 时更改 CSS

标签 javascript html angularjs ag-grid

我正在使用ag-grid,它能够添加groupedHeader,因此标题可以展开和折叠所选的子标题。网格的 API 上有一个 bool 值 gridAPI.expanded,如果展开则返回 true,否则返回 false。

我正在尝试根据此 bool 值调整包含网格的 div 的宽度。

我尝试在我的 div 中使用 ng-styleng-if 但它没有接收到 bool 值(我已经将其放在范围):

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

了解网格是否已扩展的唯一方法是使用此 bool 值。

关于如何让它发挥作用有什么想法吗?

最佳答案

这样的事情应该有效:

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

关于javascript - 当网格 API bool 值为 === 'true' 时更改 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33941394/

相关文章:

javascript - 如何修复它 : "Uncaught TypeError: Cannot read property ' addEventListener' of null". ..?

angularjs - 测试具有许多依赖项的 Angular Controller

javascript - 你认为 parseInt ("08") 会返回什么?

javascript - Node.js:无法从 array.map() 返回新数组

javascript include once,declare function once,bind once

html - 合并所有 bootstrap js 和 css 文件?

JavaScript 不调用函数

javascript - 如何在 ng-repeat 中正确显示此 json 文件?

javascript - AngularJS 全局 Controller

javascript - 将天数添加到日期选择器格式Date