AngularJs ng-show usage
<p>I am new on AngularJs and I want to see header when only checkbox value is true. I set its initial value false but header is showing in first running. My question is why header is showing in first time without any click? </p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var app = angular.module("myApp", []);
app.controller("myController", function($scope) {
  $scope.myVar = "false";
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"&gt;&lt;/script&gt;

&lt;div ng-app="myApp" ng-controller="myController"&gt;
  &lt;form&gt;
    &lt;input type="checkbox" ng-model="myVar"&gt;if u want to see header click this checkbox&lt;/input&gt;
    &lt;h1 ng-show="myVar"&gt;show this if checkbox returned true&lt;/h1&gt;
    &lt;/br&gt;
    {{myVar}}
  &lt;/form&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>