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

Question

此插手推荐

我在ui.bootstrap手风琴中使用ng-Grid时遇到问题。看看我的Plunker，看看问题出在哪里。

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

有人可以通过调整CSS类或捕获手风琴组事件并重新渲染网格来指出解决此问题的方向吗？我已经和这个人一起转圈了！

编辑：抱歉，Plunker现在公开了！

Answer 1

嗯，这很奇怪，因为它可以完美地在Firefox上运行，但不能在chrome上运行。

通过在CSS中将gridStyle设置为100％的宽度，该表将显示出来，但宽度为150px，甚至更奇怪。

然后我注意到，一旦调整窗口大小，宽度就会被调整。这使我想到了这个（骇客的）解决方案：

使用触发强制调整大小的功能将控制器添加到脚本中。

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

在手风琴标签中将控制器和click＆call添加到所述功能。

<accordion ng-controller='myCtrl' ng-click="resizer()">

这适用于Firefox和Chrome。柱塞在这里

当然，这不是解决方案，而是答案，并且尚未在其他浏览器上进行全面测试，但也许可以帮到您一点。