console.log в AngularJS, выполняющемся после функции scope

Question

Я новичок в Angular JS, и у меня есть базовое приложение с угловым выражением, которое просто устанавливает объект области, устанавливает несколько функций для инициализации/создания объекта области. Когда я использую console.log в своей функции, он сообщает значения $ scope, установленные в конце функции scope, а не значения объекта scope в момент console.log. Я уверен, что это основная проблема с исполнением, и я был бы признателен за любое объяснение или помощь в этой проблеме.

Вот угловой код:

var module = angular.module('my-app', []); 

function MainController($scope) 
{ 
    $scope.testDict = {}; 

    $scope.createNewTestDict = function(){ 
     $scope.testDict.test1 = {1: false, 2: false, 3: false} 
    } 

    $scope.initializeDict = function(){ 
     $scope.createNewTestDict(); 
     console.log($scope.testDict); 
     $scope.testDict.test1 = {1: true, 2: true, 3: true} 
    } 

    $scope.initializeDict(); 
} 

JSFiddle Здесь: http://jsfiddle.net/U6ZKr/7/

Таким образом, вы заметите, что console.log в реальном объекте области видимости в момент журнала должны быть все значения ложных , но они выходят все верно, что было установлено после console.log.

Заранее благодарим за вашу помощь!

Answer 1

Поскольку $ scope.testDict передается как ссылка на console.log, и он оценивается асинхронно, значение может быть неточным.

Альтернативный способ использования console.log(JSON.stringify($scope.testDict)); для просмотра результата.

Answer 2

Похоже, что это особенность в том, как работают инструменты dev.

Попробуйте выполнить регистрацию $scope.testDict.test1, и вы увидите нужные значения.

Моя догадка заключается в том, что содержимое глубоких объектов, которые вы регистрируете, не оценивается, пока вы не нажмете маленький треугольник, чтобы открыть их и заглянуть внутрь. В этом случае, если вы его осмотрите, вы уже изменили содержимое.

Answer 3

Вы принимаете неверное предположение о том, что отладчик Chrome console.log сразу получает значение. Он будет регистрировать его, но асинхронно.

Вы можете использовать отладчик сценариев Google Chrome для входа и просмотра этого эффекта.