angularjsの$ timeoutのスコープにアクセス

Question

私は、AngularJSのディレクティブをリンク機能の$ timeoutとともに持っています。

.directive('setValueInColorSelectionBlock', function($timeout) { 
 
    return { 
 
     restrict:'A', 
 
     scope:{ 
 
      setValueInColorSelectionBlock:"=setValueInColorSelectionBlock" 
 
     }, 
 
     link:function(scope, element, attrs) { 
 
      //able to access the scope 
 
      $timeout(function() { 
 
       //not able to access the scope 
 
      }); 
 
     } 
 
    }; 
 
});

私のhtml：

<div class="container-fluid" set-value-in-color-selection-block="$tbCtrl.containers">

この $時間のうちウィンドウオブジェクトにアクセスします。私は$タイムアウト内のスコープにアクセスすることができません。

どのようにスコープにアクセスしますか？

Answer 1

あなたのディレクティブの現在のスコープの構成によれば、あなたは親スコープ内の変数にスコープを結合するために、角度語っています。変数の名前は、要素属性setValueInColorSelectionBlockの値によって決定されるように設定されています。 setValueInColorSelectionBlockある -

そして、あなたの範囲は、単一のプロパティを持つことになります。

これらの条件が満たされている満たすために、すべての変数と属性要件を確認してください。

すべてが設定されている場合、スコープはリンク機能scope引数を通じてタイムアウト機能内部で使用可能です。

---

編集

scopeがタイムアウト関数内で参照されると、クロージャが作成されます。このクロージャは、呼び出し元関数が残っていてもローカル変数に引き続きアクセスできるようにします。

ここでは、scopeオブジェクトがクロージャによって保証されているにもかかわらず、そのプロパティがタイムアウト関数の実行時に削除される可能性があるという問題があるようです。

おそらくscopeオブジェクトのコピーを取り、後でアクセスするためのローカル関数スコープに保存することができます。閉鎖のための@Charlie Hの答えと同様に

link:function(scope, element, attrs) { 

      var savedScope = angular.copy(scope); 

      $timeout(function() { 
       console.log(savedScope); 
      }); 

     } 

Answer 2

。あなたはこれを試すことができます$timeoutにパラメーターとユーザーのパラメーターを持つ関数を$timeoutにラップします。

function(eleScope){ // wrapper function with eleScope as parameter 
      $timeout(function() { 
       console.log(eleScope); // access eleScope paramter 
     })(scope); // pass scope to closure function 
    } 
}