Question

我是angularjs的新手，我想创建一个页面，我想在其中添加2个ui-grid，其中一个按钮名为＆＃34; other-grid＆＃34;第一次它必须加载第一个网格，当我们再次点击时，第一个网格必须替换为第二个网格但是有些问题我想使用ng-show和ng-hide它适用于第一个网格而不是正确加载第二个网格为什么这样和任何解决方案请.. ..

Answer 1

确保您提供其他＆＃39;隐藏网格适当的高度和宽度，以便框架知道网格尺寸

您可以尝试使用ng-if，ng-show，ng-hide并在单击按钮时使其他网格可见 - ＆＃39;其他网格＆＃39;

以下是官方用户界面网格tutorial，其功能类似于您想要的内容

Answer 2

在处理ui-grid时，你可能最好使用ng-。

对于ng-show，在渲染ui-grid时会出现奇怪的事情（参见：https://github.com/angular-ui/ui-grid/issues/4559）

以下是带有toogle按钮的2个网格的plunker： http://plnkr.co/edit/IGF6X7SqtFdFSk8jiory?p=preview

 <button ng-click="toggleuigrid()">toggle grid</button>
 <div class="row">
     <div class="span4" ng-if="show">
         <div id="grid1" ui-grid="gridOptions1" class="grid" ></div>
     </div>

    <div class="span4" ng-if="!show">
        <div id="grid2" ui-grid="gridOptions2" class="grid"  ></div>
    </div>
 </div>

如何使用带有ng-hide和ng-grid的2 ui-grid？

2 个答案: