anglejsのdocumet.clickの要素を非表示にする

Question

私はログインフォームを持っています。ログインすると、ユーザー名がページに表示されます。名前の上にマウスを置くと、ログアウトリンクが表示されます。もし私が文書のログアウトリンクをクリックする必要が隠す必要があります。私はng-mouseoverを介して得た。私は、ドキュメントをクリックした場合しかし、それは

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

私のスクリプトを隠すことがない

$(document).click(function() { 
        var scope = angular.element($("lgout")).scope(); 
        scope.$apply(function(){ 
        scope.selectValue = 'true'; 
      }); 
     }); 

Answer 1

このライン変更してみてください。これで

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

：

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

NOTEを：グローバルメソッドでスコープを見つけるのは悪い習慣ですが、代わりにコントローラで行います：

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

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