NG-皮は私がlogin.When <strong>Superadmin</strong>ログインに基づいて、リスト値を非表示にする

Question

値ユーザーログイン.But 都市リストを表示都市リストを非表示にします。ここで

は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; 
    }; 
};}]); 

HTMLファイルに

 <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

ifとelse条件の両方を含む更新範囲。

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

以下のようにHTMLを変更してください。

<li ng-if="visible"><a href="/#/city" class="button special">city</a></li> 

Answer 2

は、市内のリストを表示する条件を変更することにより、このHTMLを使用してみてくださいです。

<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

これにはng-showを使用する必要があります。

<li ng-show="visible==true"><a href="/#/city" class="button special">city</a></li> 

この「都市」リンクは、スーパー管理者だけに表示されます。

このスーパー管理リンクはcontroller.jsレベルの$ scope値に基づくアニメーションの一部ですが、ng-ifはcontroller.jsを除くhtmlからhtmlへの入力にアニメーションがあるときに$ animateサービスを使用します。ここには、角度文書からのng-ifとng-showの例があります。