title: ng-cloak not solving the initial flicker issue with Angularjs UI Bootstrap tabset
body: <p>I am using Angularjs UI Bootstrap Tab set. In order to avoid initial flicker issue, with tab names, I am using ng-cloak, but surprisingly still the initial flicker is appearing. I guess it is due to the large html content I have. Can any one suggest any fix for this?
  The following is my tab set, and tab names are causing initial flicker issue.</p>
  
  <pre><code>&lt;body &gt;
    &lt;div class="splash" ng-controller="ApplicationController" ng-cloak&gt;
      &lt;p&gt;Please wait while loading!&lt;/p&gt;
  &lt;/div&gt;
  &lt;div id="content" data-ng-controller="MainCtrl" ng-init="init()"  ng-cloak&gt;
      &lt;tabset&gt;
          &lt;tab ng-repeat="eachTab in chartsTabs" heading="{{eachTab.tabName}}" select="createChartsPerTab(recordsSet, eachTab)"&gt; &lt;/tab&gt;
      &lt;/tabset&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>The following is my piece of code using ng-cloak:</p>
  
  <pre><code>&lt;div id="splash" data-ng-controller="MainCtrl" ng-init="init()"  ng-cloak&gt;
  </code></pre>
  
  <p>And in my custom css file I have :</p>
  
  <pre><code>[ng:cloak], 
  [ng-cloak], 
  [data-ng-cloak], 
  [x-ng-cloak], 
  .ng-cloak, 
  .x-ng-cloak {
    display: none !important;
  }
  </code></pre>