ui.boostrap手风琴容器宽度问题

这个PLUNKER REFERS

我在ui.bootstrap手风琴中使用ng-Grid时遇到了问题。 看看我的Plunker，看看问题在于什么。

基本上，当在初始页面加载时关闭子手风琴组的手风琴中放置网格时，网格的宽度为零并且不显示。

任何人都可以通过调整CSS类或捕获accordion-group事件并重新渲染网格来指明我解决这个问题的方向吗？ 我一直在用这个圈子跑来跑去！

编辑：道歉，普兰克现在公开！

Answer 1

嗯，这很奇怪，因为它在firefox上完美运行，但在chrome上却不行。

通过在css中将gridStyle设置为100％的宽度，表格显示，但宽度为150px，这甚至更奇怪。

然后我注意到，一旦调整窗口大小，就会调整宽度。 这导致我这个（黑客）解决方案：

使用触发强制resize的函数向脚本添加控制器。

function myCtrl ($scope){ $scope.resizer=function(){ $(window).trigger('resize'); } 

添加控制器并单击并调用accordion-Tag中的所述函数。

这适用于Firefox和Chrome。 Plunker在这里

当然这更像是一种解决方法，而不是一个答案，并没有在其他浏览器上进行彻底测试，但也许它可以帮助你一点点。