当在元素之间切换时，AngularJS - Cloak元素（加载DOM后）

我的网络应用程序中有一个网格设置。当用户选择一个盒子时，它会切换到已经加载到DOM上的第二个网格（一个适合打印的版本）。还有一个加载的第三个网格，当用户选择他们想要单独查看的行时，该网格被填充。当在元素之间切换时，AngularJS - Cloak元素（加载DOM后）

对于每个网格我都有一个搜索栏。每个网格都需要自己单独的栏，所以当我在它们之间切换时，先前的栏会显示一秒钟，而另一栏则加载（我正在使用ngshow + nghide来执行此操作）。我已经尝试使用ngcloak这样的：

input type="text" ng-hide="print || checked" class="form-control ng-cloak" ng-model="gridOptions.quickFilterText">

这个CSS类：

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { 
    display: none !important; 
}

而且angular.js是加载的页面上，从我的HTML头部内的第一件事。

从我读过的看来，似乎ngcloak可能只能从DOM最初加载时起作用？如果是的话，还有另一种方法来立即隐藏元素1，因为元素2需要被加载？

感谢

2015-09-28 xeon48

请确保您有每个网格独特和点击一个商店的范围变量和某个值，并且基于该变量适用您的显示和隐藏状态的时间。它可能会帮助你

2015-09-28 09:37:29

我不知道我完全理解你。在每一个复选框触发一个变量为true或false，这些变量是我用来显示或隐藏我的搜索栏。 – xeon48

@ xeon48是的，在选择复选框时，您可以将其ID或索引存储在范围中，并在$ index == ScopeVariableValue时显示搜索框。 –

是的，这就是我正在做的。 – xeon48

回答