Javascript 隐藏/显示ng网格？

我设置了几个选项卡，希望在其中查看不同的内容。我想要它，这样当我单击三个选项卡中的一个时，我就可以查看我的

ng网格

。但是，如果我单击其他两个选项卡，我希望它能够使ng网格消失。我尝试过使用

ng show

并在单击某些选项卡以显示/隐藏网格时简单地设置一些布尔值，但这似乎没有任何作用。有什么建议吗？谢谢

您可能正在尝试在

ng中单击

和

ng显示

$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>

---

下面是一个演示：

为什么不简单地将网格放在选项卡中

    <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>

Lorem ipsum dolor sit amet，不动产不动产不动产不动产不动产不动产不动产不动产不动产不动产不动产不动产不动产不动产不动产不动产不动产不动产不动产不动产不动产不动产。根据ferri sanctus nusquam编号，Gloriatur tincidunt vim te，sed utamur冒犯了它。一份alia ferri suavitate已经解释了欧盟。临时铁
对nec进行监督，并对nec进行威慑。Facer nullam incident ex est，vim cu putant maluisset，sea ei vidit liber perfecto。
欧盟持异议者乌兰姆·科珀坐在那里，以东时间。Ea percipit Positlant qui，essent regione nusquam duo和Omnes perfecto代表一个duo。这是我的错。

---

这是@j.wittwer的分叉，没有ng show logic。对我来说很有用，但也许我不完全理解这个问题。

使用您的plunker作为更简单解决方案的基础。你怎么想？我想了想，但无法想象OP不知道标签是怎么工作的。我不得不假设他指的是选项卡集之外的内容。有时最简单的解决方案是最好的，但我可以想象网格应该位于选项卡之外的布局。我们必须看看OP能否澄清。是的，你可能是对的。很难想象他没有那样做。遗憾的是，描述如此模糊。我只是想告诉你，我使用了一些正确的代码：-）