隐藏/显示网格？

我有几个标签，我想查看不同的东西。我希望这样，当我点击三个选项卡中的一个时，我可以查看我的ng-grid。但是，如果我点击其他两个选项卡，我希望它使ng-grid简单地消失。我试过使用ng-show，当点击某些标签显示/隐藏网格时，只需设置一些布尔值即可，但似乎没有任何作用。有关如何这样做的任何提示？谢谢！隐藏/显示网格？

来源

2014-04-01 user3403666

您可能试图在ng-click和ng-show中尝试bind to a primitive。

$scope.visiblegrid = false;

绑定到一个对象的属性，而不是：

$scope.visible = { 
    grid: false 
};

然后使用它是这样的：

<tabset> 
    <tab ng-click="visible.grid = false" heading="one"></tab> 
    <tab ng-click="visible.grid = true" heading="two (visible grid)"></tab> 
    <tab ng-click="visible.grid = false" heading="three"></tab> 
</tabset> 
<div ng-show="visible.grid == true" class="gridStyle" ng-grid="gridOptions"></div>

这里是一个演示：http://plnkr.co/BLYVtEkP1U83vs0hMkxu

来源

2014-04-01 17:59:12

使用你的闯入者作为更简单解决方案的基础。你怎么看？ – mainguy

我想到了这一点，但无法想象OP不知道标签是如何工作的。我不得不假定他指的是tabset之外的内容。 –

为什么不能简单地把网格在标签中？

<tabset> 
     <tab heading="one">Lorem ipsum dolor sit amet, aliquid invidunt mei cu, qui ea intellegam appellantur. Gloriatur tincidunt vim te, sed utamur offendit id. Per ferri sanctus nusquam no. An alia ferri suavitate has, qui delenit maluisset interpretaris eu. Ferri tempor 
     praesent te nec, et eripuit deterruisset vituperatoribus nec. Facer nullam inciderint ex est, vim cu putant maluisset, sea ei vidit liber perfecto.</tab> 
     <tab heading="two (Grid)"> 
     <div class="gridStyle" ng-grid="gridOptions"></div> 
     </tab> 
     <tab heading="three">Eu dissentiunt ullamcorper sit, tale errem at est. Ea percipit postulant qui, essent regione nusquam duo et. Omnes perfecto reprehendunt an duo. Mea odio erroribus id.</tab> 
    </tabset>

这里的分叉@ j.wittwer的plunker没有NG-显示逻辑。适用于我，但也许我不完全理解这个问题。

来源

2014-04-02 07:28:45 mainguy

有时最简单的解决方案是最好的解决方案，但我可以想象一个布局，网格应该位于标签之外。我们将不得不看看OP能否澄清。 –

是的，你可能是对的。很难想象他没有尝试过。太糟糕了，说明是如此不清楚。我只是想通知你我使用了一些正确的代码:-) – mainguy

隐藏/显示网格？

回答

相关问题