title: How to correctly use ng-cloak directive?
body: <p>Somehow, ng-cloak in AngularJS doesn't work.
  I want to hide {{ }} while loading the page. Because it looks awful.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en" ng-app&gt;
      &lt;head&gt;
          &lt;meta charset="UTF-8"&gt;
          &lt;title&gt;Angular Sample&lt;/title&gt;
      &lt;/head&gt;
      &lt;body ng-model="isShow" ng-init="isShow=true"&gt;
  
          &lt;p ng-show="isShow"&gt;&lt;span ng-cloak&gt;{{ isShow }}&lt;/span&gt;&lt;/p&gt;
          &lt;p ng-show="!isShow"&gt;&lt;span ng-cloak&gt;{{ isShow }}&lt;/span&gt;&lt;/p&gt;
  
          &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"&gt;&lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>