Warum funktioniert die einfache Funktion nicht?

Question

Ich schreibe eine einfache Funktion in einem angularjs Controller, um eine Bool-Variable ein-/auszuschalten, aber es funktioniert nicht? Warum?

<button type="button" onclick="switch()">Show/Hide</button> {{showInfo}} 

Answer 1

Verwendung ng-klicken Sie auf:

<button type="button" ng-click="switch()">Show/Hide</button> 

Answer 2

Sie haben ein Problem in der Ansicht

app.controller("registrationCtrl", function ($scope) { 
    $scope.user = {}; 
    $scope.wasSubmitted = false; 
    $scope.showInfo = true; 

    $scope.submit = function() { 
     $scope.wasSubmitted = true; 
    }; 

    $scope.switch = function() { 
     if ($scope.showInfo == true) { 
      $scope.showInfo = false; 
     } else { 
      $scope.showInfo = true; 
     } 
    }; 
}); 

Die Funktion wird wie folgt verwendet. Statt onclick ist es notwendig, ng-click zu verwenden:

<button type="button" ng-click="switch()">Show/Hide</button> {{showInfo}}