Wie zeige/verstecke ich eine Schaltfläche in eckigen nach Benutzerberechtigung?

Question

Ich habe so etwas wie dieses

<button ng-if="!isAuthenticated()" ng-click="deleteReview()">Delete</button> 

versucht Und in meinem Javascript

$scope.isAuthenticated = function() { 
       $http.get("api/user/getAuthenticatedUser") 
        .success(function(user) { 
         if (user != null) { 
          return true; 
         } 
         return false; 
        }); 
      } 

Aber es zurückgeben mir einige Fehler bei rootscope $

Answer 1

besser durch Winkel bereitgestellt Verwendung $ http Service. Setzen Sie die Authentifizierungsvariable auf "false", rufen Sie den Authentifizierungsdienst vom Back-End auf und ändern Sie den Wert der Authentifizierungsvariablen. Die Bindung von Angular überträgt den Wert an die Ansicht und Sie können den Wert in View verwenden.

$scope.isAuthenticated = false; // init as false 

// make the method that checks autentication 
$scope.checkAuth = function() { 
    $http({ 
     method: 'GET', 
     url: 'api/user/getAuthenticatedUser' 
    }).then(function successCallback(user) { 
     if (user != null) { 
      $scope.isAuthenticated = true; 
     } else { 
      $scope.isAuthenticated = false; 
     } 

     }, function errorCallback(response) { 
     // called asynchronously if an error occurs 
     // or server returns response with an error status. 
     }); 

} 


// call the autentication method 
$scope.checkAuth(); 

HTML:

<button ng-if="!isAuthenticated" ng-click="deleteReview()">Delete</button>