2016-04-14 92 views
1

我们使用的是ng-grid,但是在我们升级到最新的angularjs之后,我们得到了关于n.swap的错误,它不是一个函数,也没有任何东西被渲染。我决定升级到ui-grid,我遵循升级教程。我在Development Tools Console中看不到更多错误,但在激活选项卡时,网格不可见。我们的标签定义为ui-grid没有显示

​​

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

+0

在px中为gridStyle类使用显式高度和宽度允许网格可见,但这不是防弹解决方案。我宁愿使用ng-if代替 – Naomi

回答

1

尝试增加高度风格网格格:

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

补充说,在你的plnkr我看到你的数据:)我也只看到你的plnkr宣布2个标签后。

+0

我在css中为我的gridStyle类添加了显式宽度(以px为单位)和高度(以px为单位),它解决了问题,但是我的问题是关于如何计算ng - 如果是我的情况定义为我在代码中显示的)。无论如何,现在只有两个地方我们正在使用ui-grid,所以这不是一个高优先级的问题。 – Naomi

+0

这篇文章对于被问到的内容有点模棱两可。您当然可以使用ng-if来根据您选择的某个模型值显示您的网格。我会假设你检查某种价值,如果它在那里,然后显示网格? –

+0

不,问题是当我激活选项卡时,网格不显示。 FAQ中有一个关于它的讨论,推荐的解决方案是使用ng-if。我的问题是,我不知道我的标签应该是什么条件。没有具体的型号价值。无论如何,使用固定的宽度和高度来解决问题 – Naomi