Ребят, можете подсказать, в чем может быть проблема? При аякс запросе,

Question

Ребят, можете подсказать, в чем может быть проблема? При аякс запросе,

я получаю данные, и их отрисосываю. С этим проблем нет, все впорядке, все работает, но когда приходят обновления от WS сервера, данные в компоненте почему-то не обновляются, пока я не сделаю например, клик на странице, или, не перейду на другую страницу.

(Данные вывожу через NgFor)

Подписка на события с WS выглядит так, и там же при получении, я шлю евент.

window.Echo.channel('users').listen(`.'test'}`, ({track}) => {
console.warn('We got track.', track.id);

this.store.dispatch(new UpdateTrack(track));
});

В другом модуле, я заблаговременно в NgOnInit подписываюсь на обновления, и я вижу в консоли, как оно выполняется, я вижу обновленную инфу, и console.log
this.store.select('trackingModule').subscribe(({tracks}) => {
this.tracks = tracks;

console.warn('State was updated:', tracks.data[0]);
});
Но сам компонент, не обновляется, пока я не сделаю какое-нибудь действие на странице.

Но самое забавное, если я вместе WS-сервера, использую конструкцию вида:

setTimeout(() => {
this.store.dispatch(new UpdateTrack(track));
}, 5000);

Все прекрасно обновится, без каких-либо задержек. Подскажите, в какую сторону копать? 🙃

#angular #frontend #javascript #programming #russian

0

13.06.2019

1 ответов

17 просмотров

Smooth Operator · Accepted Answer

Smooth Operator

события видимо происходит вне зоны, поэтому ангуляр про них не знает и не реагирует скорее всего код в обработчике надо обернуть в NgZone#run

0

13.06.2019

169 похожих чатов

Ребят, можете подсказать, в чем может быть проблема? При аякс запросе,

1 ответов

Похожие вопросы