title: Why does ng-hide and ng-show not work?
body: <p>Good day. I used a few ways to use ng-show and ng-hide but neither of them work. First div should hide and seccond appear when click a button. Help me please! This is last way I tried:</p>
  
  <pre><code>&lt;div class="parentDiv .col-lg-"&gt;
      &lt;from class="centerMain"&gt;
          &lt;div ng-show="showF" class="center-block"&gt;  &lt;!-- this div should hides --&gt;
              &lt;div&gt;
                  &lt;label  class="center-block"&gt;Введите PIN&lt;/label&gt;
              &lt;/div&gt;
              &lt;div&gt;
                  &lt;input name="userName" placeholder="1234" class="center-block inputLine"&gt;
              &lt;/div&gt;          
              &lt;div&gt;
                  &lt;button ng-click="showF = !showF" class="center-block buttonBig"&gt;Установить PIN&lt;/button&gt; &lt;!-- this button makes hiding --&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div ng-show="!showF" class="center-block"&gt; &lt;!--this should appears --&gt;
              &lt;div&gt;
                  &lt;label  class="center-block"&gt;Подтвердите пин&lt;/label&gt;
              &lt;/div&gt;
              &lt;div&gt;
                  &lt;input name="userName" placeholder="1234" class="center-block inputLine"&gt;
              &lt;/div&gt;          
              &lt;div&gt;
                  &lt;button class="center-block buttonBig"&gt;Подтвердить&lt;/button&gt; 
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/from&gt;
  &lt;/div&gt;
  </code></pre>