Angularjs 无法在ui引导模式窗口中显示ui网格n

[SOLVED]我想出来了。该问题与模式大小有关，如果调整窗口大小，将显示网格。添加自动调整大小指令解决了这个问题。有关更多详细信息，请参阅 我的印象是网格样式和引导样式（CSS和DIVs结构）之间存在某种冲突

[原始罐]

需要帮助

我无法在由生成的模式窗口中显示。此时会出现模式窗口，但不会渲染栅格。我能够在模式窗口外渲染其他网格

基本上说，它是托管在。这就是我所拥有的：

index.html

组件/boardgamegeek/boardgamegeek-search.html

gridOptions={{gridOptions}

此链接可能很有用，它涵盖了从ng网格迁移到ui网格的基本指南

我发现了这一点。该问题与模式大小有关，如果调整窗口大小，将显示网格

添加自动调整大小指令解决了这个问题。 有关更多详细信息，请参阅

---

我觉得网格样式和引导样式（CSS和DIVs结构）之间存在某种冲突。

谢谢Aneesh，我知道迁移步骤。但在这种情况下，我是从零开始的。所以这应该与此有关。

<div ng-controller="TradeListController">
  <button type="button" ng-click="openBoardgamegeekSearchWindow()">Search Board Game in Modal Window</button>
</div>

var mtApp = angular.module('mtApp', ['ui.bootstrap', 'ui.grid']);

var TradeListController = function($scope, $modal) {
  //=== Modal Window : Boardgamegeek Search ===//
  $scope.openBoardgamegeekSearchWindow = function() {
    console.log("Opening boardgamegeek search in modal window.");
    var modalWindow = $modal
      .open({
        templateUrl: 'components/boardgamegeek/boardgamegeek-search.html',
        controller: 'BoardgamegeekSearchController',
      });
    modalWindow.result.then(function(modalReturn) {
      console.log("Boardgamegeek search window returned: ", modalReturn);
    }, function() {
      console.log('Boardgamegeek search window returned dismissed.');
    });
  };

};

angular.module('mtApp').controller('TradeListController', TradeListController);


var BoardgamegeekSearchController = function($scope, $modalInstance) {
  //=== Properties ===//
  $scope.boardGames = [{
    tradeListId: 666666666,
    boardgamegeekId: 42533,
    name: "QWERTY",
    thumbnailURL: "http://cf.geekdo-images.com/images/pic485388_mt.jpg"
  }];

  //=== Grid to render board games ===//
  $scope.gridOptions = {
    data: $scope.boardGames,
    columnDefs: [{
      field: 'name',
      name: 'Name'
    }]
  };

};

angular.module('mtApp').controller('BoardgamegeekSearchController', BoardgamegeekSearchController);

<div ui-grid="gridOptions"></div>
gridOptions = {{gridOptions}}