angularjs - 如何使 ui-grid 响应 Angular typescript 中的浏览器调整大小事件

Question

我正在使用 typescript 1.5 + less css + bootstrap 编写 Angular 1.x。ui-grid 用作 div 上的属性，如

模板

<div ui-grid="gridOptions" 
     class="ui-grid-collapsible" 
     ui-grid-auto-resize >
</div>

View Controller 正在 $scope 中设置 gridOption

 this.$scope.gridOptions = {
                enableSorting: true,
                headerTemplate: "path to header template",
                rowTemplate: "path to row template"
                enableVerticalScrollbar: 0,
                enableHorizontalScrollbar: 0,
                columnDefs: []
                ......
}

当 Controller View 上的其他组件正在调整大小时，关于为什么网格没有在浏览器调整大小时调整大小的任何指示。

请协助。我是否需要捕获浏览器调整大小事件并相应地设置图表网格的高度和宽度？如果是，那么如何？

Answer 1

根据ui-grid tutorial你需要

include the 'ui.grid.autoResize' module in your angular app's dependencies