當在元素之間切換時，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

回答