スコープには値が含まれていますが、アクセスすると定義されていません

Question

私はAngularJSディレクティブを作成していますが、スコープ変数にアクセスしようとするとundefinedになります。 scopeを印刷すると、その変数に値があることがはっきりと分かります。

JavaScriptのコンソールを確認してください。ここではこれを印刷しています。

はここPlunkerのことだ：http://plnkr.co/edit/1cSVZJgtlUazOqTuCNOK

Answer 1

usernameAvailableがコンパイルされたとき、それはformの子スコープが明確であるため、form値の値を提供し<form>ディレクティブは、まだコンパイルされていないためです。 console.log()を使用するときにusernameAvaiableの値が表示されるのは、$scopeオブジェクトのreference（これは最新の値を意味します）を出力するためです。このような値に実際にアクセスしたい場合は、回避策として$timeout()を使用して値にアクセスします。 `デバッガの設定

DEMO

app.directive('usernameAvailable', ['$http', '$q', '$timeout', function($http, $q, $timeout) { 
    return { 
    restrict: 'A', 
    require: 'ngModel', 
    scope: { 
     usernameAvailable: '=' 
    }, 
    link: function(scope, elem, attr, controller) { 
     $timeout(function() { 
     scope.usernameAvailable.$asyncValidators.usernameAvailable = function(username) { 
      if (typeof(getCurrentUsername) != 'undefined' && username == getCurrentUsername()) { 
      return $q.resolve(); 
      } else { 
      return $http.get('/user/usernameAvailable?username=' + username).success(function(result) { 
       if (result) { 
       return $q.resolve(); 
       } else { 
       return $q.reject(); 
       } 
      }); 
      } 
     }; 
     }); 

    } 
    } 
}]);