无法在angularjs

Question

我有这样的注销按钮采用NG-显示隐藏signout后注销按钮：

<li class="dropdown" data-ng-if="userName"> 
    <a href class="dropdown-toggle clear" data-toggle="dropdown" data-ng-show="userName"> 
    </a> 
    <!-- dropdown --> 
    <ul class="dropdown-menu> 
     <li ng-hide="fb_id"> 
      <a ui-sref="app.changePassword">Change Password</a> 
     </li> 
     <li> 
      <a ui-sref="app.changeProfilePic">Change Profile Picture</a> 
     </li> 
     <li data-ng-show="userName"> 
      <a ui-sref="access.signout" data-ng-if="userName">Logout</a> 
     </li> 
    </ul> 
    <!--/dropdown --> 
</li> 

和Controller：

$scope.logIn = function (user) { 
    $scope.myPromise = AuthService.login({ 
     'uid': user.email, 
     'password': user.password, 
    }).then(function (response) { 
     $localStorage.userName = response.userName; 
     $scope.userName = $localStorage.userName; 
    }, function (error) { 
     $scope.authError = true; 
    }); 
}; 

登出控制器：

$scope.userName = ""; 
delete $localStorage.userName; 
$rootScope.userName = ""; 

无所谓我使用ng-if或ng-show它仍然显示注销按钮和下拉。

Answer 1

请尝试下面的代码。

<a ui-sref="access.signout" data-ng-if="userName != ''">Logout</a> 

Answer 2

这应该做

<li data-ng-show="userName !== ''"> 
    <a ui-sref="access.signout">Logout</a> 
</li>