角度のjsで$ document.onを使用してメニューを非表示にする方法

Question

私は変数を持っています - isTelephoneMenuOpen私のメニューを開くようにします。 ウィンドウ内の他の場所をクリックすると消えてしまいます。 私はこのコードを試みたが、イベントハンドラ内のそのworking.Pleaseない助け

$document.on('click', function (event) { 
 
     if (this.isTelephoneMenuOpen = true) { 
 
      console.log("close menu"); 
 
      this.isTelephoneMenuOpen = false; 
 
      // return $document.off('click', event); 
 
     } 
 
});

Answer 1

thisキーワードがイベントを発光素子ではなく、親関数のthisコンテキストにバインドします。親コンテキストthisを変数に明示的にバインドします。

var $ctrl = this; 

    $document.on('click', menuClickHandler); 

    this.$onDestroy = function() { 
     $document.off('click', menuClickHandler); 
    }; 

    function menuClickHandler(event) { 
     if ($ctrl.isTelephoneMenuOpen) { 
      console.log("close menu"); 
      $ctrl.isTelephoneMenuOpen = false; 
      $rootScope.$apply(); 
     } 
    } 

クリックイベントは、AngularJSフレームワーク外からのものです。 $ applyを使用してAngularJSダイジェストサイクルを開始し、DOMを更新します。

からAngularJS Developer Guide (v1.1) - Concepts - Runtime。