Невозможно получить значение внутри $ scope

Question

В моем приложении angularjs у меня есть следующий блок, который ведет себя странно.

Я объявил переменную в функциональном блоке, но не смог получить доступ к значениям, несмотря на установку значения внутри функционального блока. Где я ошибаюсь.

$scope.submitForm = function (isValid) { 
    var file = $scope.myFile; 
    var contents; 
    $scope.dataObj; 
    if (file) { 
     var r = new FileReader(); 
     r.onload = function (e) { 
     console.log('Inside the file function ....'); 
     contents = e.target.result; 
     $scope.$apply(function() { 
      $scope.fileReader = contents; 
      contents = contents.replace(/\r\n+/g, ","); 
      $scope.dataObj = {hosts: contents}; 
      console.log($scope.dataObj); // prints the value twice 
     }); 
     }; 
     r.readAsText(file); 
    } 
    console.log("Printing the data objects .... "); 
    console.log($scope.dataObj); // prints undefined 
} 

Answer 1

$ scope. $ Apply будет выполнен в более позднем цикле как ваш код. Таким образом, $ scope.dataObj будет неопределенным (из-за инициализации $ scope.dataObj; ') и $ scope. $ Apply будет запускаться после текущего цикла diggest.

Я не знаю, что вы хотите сделать после задания, но, может быть, наблюдатель поможет вам?

$scope.$watch('dataObj', function(){ 
    console.log($scope.dataObj); 
}); 

Более подробная информации о жизненном цикле углового: http://onehungrymind.com/notes-on-angularjs-scope-life-cycle/

Answer 2

во время последнего console.log ($ scope.dataObj) нет никакой гарантии, что OnLoad уже уволили.

readAsText is async (Why is FileReader.readAsText() returning null?), что подразумевает, что submitForm остается перед запуском onload.

Answer 3

Как и CodeNashor, в вашей строке кода вы определили функцию r.onload и сделали назначение внутри этой функции, но r.onload выполняется после console.log($scope.dataObj); // prints undefined.