javascript - unable to hide logout button after signout using ng-show in angularjs -


i have logout button this:

<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> 

and in 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;     }); }; 

sign out controller:

$scope.username = ""; delete $localstorage.username; $rootscope.username = ""; 

doesn't matter use ng-if or ng-show still showing logout button , dropdown.

try below code.

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

Comments

Popular posts from this blog

wordpress - (T_ENDFOREACH) php error -

Export Excel workseet into txt file using vba - (text and numbers with formulas) -

Using django-mptt to get only the categories that have items -