angularjs奇怪的数组行为，可能与异步执行有关？

Question

难以复制，因此我将尝试解释一下。

在angularjs的工厂中，我有一个像这样的函数

angular.module('my').factory('Database', ['$window', 'Raw', function($window, Raw) {
    return {
        read: function() {

其中Raw是下面定义的另一个工厂，该工厂返回数据字符串

然后我这样做：

var lines = [];
lines = Raw.data.split("*");

这给了我一个字符串数组。

奇怪的行为是由于未定义lines [0]，因此会产生错误。 我可以通过添加警报来解决此错误

var lines = [];
lines = Raw.data.split("*");
alert(lines[0])

这向我显示了预期的字符串。 但是，如果我改用console.log命令，它将无法正常工作。

发生什么了？？

干杯，

Answer 1

听起来您Raw.data通过异步方式获取Raw.data的，当您尝试拆分它时，它仍然是undefined 。

如果Raw.data返回Raw.data ，请使用then()回调，例如：

var myModule = angular.module('myModule', []);

myModule.controller('myController', ['$scope', 'Database', function($scope, Database) {
   $scope.text =  Database.read();    
}]);

myModule.factory('Database', ['$window', 'Raw', '$q', function($window, Raw, $q) {

  return {
 read: function() {
         var deferred=$q.defer();
        Raw.data().then(function(data) {
            lines = data.split("*");
          deferred.resolve(lines); 
        });
        return deferred.promise;
     }
   }    
}]);

myModule.factory('Raw', ['$window', '$q', function($window, $q) {
    return {
        data: function() {
            var data = "blah * blah";
            var deferred = $q.defer();              
                deferred.resolve(data);               
                return deferred.promise;
        }
    }
}]);

演示小提琴