隐藏文档中的元素。单击angularjs

我有一张登录表。登录后，用户名将显示在第页。如果鼠标悬停在名称上，则会显示注销链接。如果我点击文件注销链接需要隐藏。我打通了鼠标。但如果我点击文档，它就不会被隐藏

<a class="usrname" ng-mouseover="lgout='false'" ng-init="lgout='true'">Mr. Admin</a>
                        <br />
<a id="A4" class="logout" href="LogIn.aspx" style="float: right;" ng-hide="lgout">Logout</a>

---

尝试更改此行：

var scope = angular.element($("lgout")).scope();

为此：

var scope = angular.element($("#A4")).scope();

注意：在全局方法中查找范围而不是在控制器中查找范围是一种不好的做法：

var app = angular.module("myApp", []);
app.controller("test", function ($scope) {
    $scope.lgout = false;

    $(document).click(function () {
        $scope.$apply(function () {
            $scope.lgout = false;
        });
    });
});

var app = angular.module("myApp", []);
app.controller("test", function ($scope) {
    $scope.lgout = false;

    $(document).click(function () {
        $scope.$apply(function () {
            $scope.lgout = false;
        });
    });
});