Question

我们使用的是ng-grid但是在我们升级到最新的angularjs后，我们得到一个关于n.swap的错误不是函数，也没有渲染任何内容。我决定升级到ui-grid，我按照升级教程进行了操作。我在开发工具控制台中看到没有更多错误，但是当我激活选项卡时，网格不可见。我们的标签定义为

＆＃13;

<div class="widget-content">
                <div class="scrollable widget-resize">
                    <div class="padd">
                        @Html.Partial("_EditFormAlerts")
                    </div>
                    <div class="col-lg-3 col-md-3 panel-container">
                        <ul class="nav nav-pills nav-stacked">
                            <li class="active"><a data-toggle="pill" href="#general" ng-class="{true: 'invalid-tab', false: ''}[form.editItemGeneralForm.$invalid]">@Labels.general</a></li>
                            <li><a data-toggle="pill" href="#history" ng-class="{true: 'invalid-tab', false: ''}[form.editItemHistoryForm.$invalid]">@Labels.priceHistory</a></li>
                            
                        </ul>
                    </div>
                    <div class="col-lg-9 col-md-9 panel-container">
                        <div class="tab-content">
                            <div class="tab-pane active" id="general">
                                @Html.Partial("EditItem")
                            </div>
                            <div class="tab-pane" id="history">
                                @Html.Partial("EditItemHistory")
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>

＆＃13;

还有更多标签，但我只显示了2个相关标签。常见问题建议使用ng-if来正确显示网格并引用此http://plnkr.co/edit/LtpFnDUTofuxitb4Vh9x?p=preview，但我无法弄清楚如何将此解决方案应用于我们的标签。

Answer 1

尝试为网格div添加高度样式：

<div id="grid1" ui-grid="gridOptions" class="grid" ng-if="tabShown" style="height:200px;"></div>

在plnkr中添加后，我看到你的数据:)我也只看到你的plnkr中声明了两个标签。

ui-grid未显示

1 个答案: