Warum funktionieren ng-hide und ng-show nicht?

Question

Guten Tag. Ich habe einige Wege benutzt, um ng-show und ng-hide zu verwenden, aber keiner von beiden funktioniert. Das erste div sollte ausgeblendet werden und second wird angezeigt, wenn Sie auf eine Schaltfläche klicken. Hilf mir bitte! Dies ist letzte Art, wie ich versucht:

<div class="parentDiv .col-lg-"> 
    <from class="centerMain"> 
     <div ng-show="showF" class="center-block"> <!-- this div should hides --> 
      <div> 
       <label class="center-block">Введите PIN</label> 
      </div> 
      <div> 
       <input name="userName" placeholder="1234" class="center-block inputLine"> 
      </div>   
      <div> 
       <button ng-click="showF = !showF" class="center-block buttonBig">Установить PIN</button> <!-- this button makes hiding --> 
      </div> 
     </div> 
     <div ng-show="!showF" class="center-block"> <!--this should appears --> 
      <div> 
       <label class="center-block">Подтвердите пин</label> 
      </div> 
      <div> 
       <input name="userName" placeholder="1234" class="center-block inputLine"> 
      </div>   
      <div> 
       <button class="center-block buttonBig">Подтвердить</button> 
      </div> 
     </div> 
    </from> 
</div> 

Answer 1

Angular 2 viele unnötige Angular 1 Richtlinien veraltet.

Sie könnten [hidden]/[ngIf] wie [hidden]="showF" verwenden ODER *ngIf="showF"

alle auch die ereignisbasierte Richtlinie sind veraltet und Sie können durch Umwickeln seinen Namen in (eventName)

(click)="myFunction()" //instead of ng-click 
(focus)="myFunction()" //instead of ng-focus