Проблема с состоянием гонки betwen 2 Контроллеры в Angular.js с Ajax и localStorage value

Question

Значение myIdentity создается только один раз и сохраняется в локальном хранилище после первого использования следующего контроллера Angular.js.

Функция $ scope.createIdentity() является сложной функцией в более глобальном контроллере и сохраняет результат в $ localstorage.myIdentity. Это прекрасно работает !!! Функция createIdentity() работает с Q-предложением для себя. Но в AppCtrl у меня проблема с условиями гонки, потому что $ localstorage.myIdentity еще не разрешен до мой запрос HTTP http XHR уволен. Поэтому он не содержит значения myId.

Это происходит только при первом использовании контроллера.

Но мне нужно запустить соединение socket.io при первом вызове AppCtrl, и это для меня большая проблема.

При втором использовании AppCtrl правильное значение myIdentity доступно еще в $ localStorage.

TimeacleControllers.controller('StatusCtrl', ['$scope', '$http', 'Socket', '$localStorage', 
function ($scope, $http, Socket, $localStorage) { 


    if ($localStorage.myIdentity === undefined) { 
     $scope.createIdentity(); 
    } 

    var myParams = { 
     myId: $localStorage.myIdentity 
    }; 

    $http 
     .post('http://example.org', myParams) 
     .success(function (data) { 
      console.log('received data: ' + data); 

      Socket.connect(); 
      Socket.on('connected', function() { 
       console.log("Connection!"); 
      }); 

      Socket.on('message', function (msg) { 
       console.log("Message: " + msg); 
      }); 

     }) 

     .error(function (err) { 

      // Handle login errors here 
      console.log("Error - " + err); 
     }); 

}]); 

Так что вы можете сделать здесь, чтобы сделать запрос Ajax ждать, пока $ localstorage.myIdentity не может быть решена? Пожалуйста помоги.

Answer 1

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

Если createIdentity возвращается обещание, просто поставить вызов HTTP внутри .then

$scope.createIdentity().then(function() { 
    $http.... // or you can wrap it inside a function 
}) 

---

Edit: Если у вас нет доступа к коду, который заселить переменную (обычно происходит внутри директивы) , вы можете настроить одноразовые часы для мониторинга изменения стоимости.

var unwatch = $scope.$watch(function(){ 
    return $localStorage.myIdentity; 
}, function(newValue){ 
    if (newValue === undefined) return; 

    $http... 

    unwatch(); 
}); 

Answer 2

Вы сказали $scope.createIdentity() использует обещание (и, предположительно, является операцией асинхронной). Заставьте его вернуть обещание для вашего кода. Когда он будет разрешен, разрешите его идентифицировать.

Обещания связаны друг с другом. Когда вы возвращаете обещание от then, следующий then слушает это обещание вместо первоначального обещания. В этом случае мы делаем следующий then прослушиванием AJAX.

$scope.createIdentity().then(function(identity){ 
    // When createIdentity resolves, use the data for the AJAX. 
    // Return the AJAX promise for the next chained then. 
    return $http.get(...); 
}).then(function(data){ 
    // When the AJAX completes, use the data for the socket call 
    Socket.connect(); 
    ... 
});