My post category page is supposed to display a message if there are no posts. However, the HTML appears briefly when the page loads and then hides. I thought using ngCloak would solve this issue, but it doesn't seem to be working for me. Here's the snippet of HTML in my template file:
<div ng-show="data.posts.length == 0" ng-cloak>
<div class="no-posts">
<h2>Coming Soon</h2>
<p>Sorry, there are no posts here yet. Please check back soon.</p>
</div>
</div>
In addition to the HTML above, I've included the following CSS in my SASS file. I also attempted adding it directly into the CSS on the page, with no success:
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
I'm puzzled as to what I might be missing. This seems like it should be a simple fix, right?
Edit: I even tried putting this code in the HTML head section, but still no luck:
<style type="text/css">
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
</style>