Angular 1.x Почему не отрисовывается модель, полученная через XMLHttpRequest()?

Question

[Игорь Астахов]

Всем привет. Столкнулся с такой особенностью; при использовании XMLHttpRequest() данные из функции onload не попадают во вьюху, до тех пор, пока на странице не будет выполнено какое либо событие.

Пример 1.
после обращения к rest-сервису через стандартный модуль $http модель заполняется и сразу же отрисовывается на странице

Пример 2.
То же самое, но через XMLHttpRequest(). Если открыть консоль, то будет видно, что ответ от сервиса пришёл, но на странице ничего не отрисовалось. При наведении мышки на блок с tooltip, происходит событие (всплывает сообщение) и модель отрисовывается на вьюхе.

Надеюсь, кто нибудь знает ка кэто победить? =)

Answer 1

[Ptolemy_master]

Попробуйте так?

Answer 2

[levchak0910]

После обновления данных $scope.$apply()

xhr.onload = function () {
  $scope.some_var = some_data_from_http;
  $scope.$apply()
};

Answer 3

[Василий Мажекин]

Все директивы и сервисы ангуляра из коробки (например ng-click, сервисы $http, $timeout и другие) автоматически делают вызов $scope.$apply(). А если используются неангулярные методы типа вашего примера или события навешены голым яваскриптом или другой библиотекой(типа jQuery), то надо делать вызов $scope.$apply() самому, чтобы дать знать ангуляру, что данные изменились, и ему нужно обновить вьюхи, вызвать watch-функции и т.п. Почему это нужно делать написано здесь www.codehint.ru/articles/2014-08-30_angular_apply_...