Question

我设置了一些标签，我想查看不同的内容。我想要它，以便当我点击三个标签中的一个时，我可以查看我的ng-grid。但是，如果我点击其他两个标签，我想要它，以便ng网格简单地消失。我曾尝试使用ng-show并在点击某些标签时设置一些布尔值来显示/隐藏网格，但似乎没有做任何事情。有关如何操作的任何提示？谢谢！

Answer 1

为什么不简单地将网格放在标签中？

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

这里是没有ng-show逻辑的@ j.wittwer的分叉plunker。适合我，但也许我不完全理解这个问题。

Answer 2

您可能正在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

隐藏/显示网格？

2 个答案: