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
Post a Comment