ng-hide basierend auf Umfang Werte

Question

ich den Listenwert ausblenden möchten basierend auf dem login.When Superadmin Login zeigen die Stadt Liste .Aber Benutzer Login die Stadt Liste ausblenden.

Hier ist controller.js

myAppControllers.controller('LoginController',['$scope', '$location', '$http', 
function($scope, $location, $http) { 

    $scope.log_userx = {}; 

    $scope.login_user = function(login) { 
    $scope.log_user = angular.copy(login);  
    $scope.login = {};         
    $http({ 
     url: "/login", 
     method: "POST", 
     headers: { 'Content-Type': 'application/json' }, 
     data:$scope.log_user 
    }).success(function (data) { 
     var resp = data['user'] 
     $scope.user_admin = data.user.roles; 
     $location.path("/index"); 
    }).error(function (data,status) { 
     $location.path("/login"); 
    }); 
    $scope.finduser=function(){ 
    $scope.user_admin1=$scope.user_admin; 
    alert(angular.toJson("admin1 "+$scope.user_admin1)); 
    $scope.visible = false; 
    if($scope.user_admin1!=="superadmin") 
    { 
    alert("Not Superadmin"); 
    $scope.visible =true; 
    return $scope.visible; 
    } 
    return true; 
    }; 
};}]); 

in Html Datei

 <ul class="breadcrumb" style="background-color:#EEEEEE" ng-init="finduser()"> 
      <li><button type="submit" id="datadash" class="btn btn-default">home</button></li> 
      <li ng-if="visible==true"><a href="/#/city" class="button special">city</a></li>    

</div> 

Answer 1

Update-Bereich mit beiden Wenn und sonst Bedingung.

if($scope.user_admin1!=="superadmin") 
{ 
alert("Not Superadmin"); 
$scope.visible =true; 
// return $scope.visible; 
}else{ 
$scope.visible =false; 
} 

und ändern Sie den HTML-Code wie folgt.

Answer 2

Versuchen Sie diesen HTML zu verwenden, indem Sie den Zustand der Anzeige der Stadt Liste zu ändern.

<ul class="breadcrumb" style="background-color:#EEEEEE" ng-init="finduser()"> 
     <li><button type="submit" id="datadash" class="btn btn-default">home</button></li> 
     <li ng-if="!visible"><a href="/#/city" class="button special">city</a></li> 
</ul> 

Answer 3

Sie sollten dafür ng-show verwenden.

Mit diesem nur "Stadt" Link soll nur für Ihre Superadmin angezeigt werden Dieser Superadmin-Link ist ein Teil der Animation, der auf $ scope-Werten auf controller.js-Ebene basiert, während ng-if den $ animate-Service verwendet, wenn die HTML-zu-HTML-Eingaben eine Animation enthalten, die Controller.js ausschließt. Hier ist ein Beispiel für ng-if und ng-show von eckigen Dokumenten