Size: a a a

Angular - русскоговорящее сообщество

2020 May 12

A

Andrey Semchenko in Angular - русскоговорящее сообщество
Vadym Ostapchuk
Просто в initial state прописать как я понимаю не получится - что прописать не получится?
у меня стейт выглядит вот так примерно
{
   isAuthenticated: boolean,
   user: User,
}

Проблема в том, что в jwt токене не хранится объект User, его нужно вытаскивать с бекенда, используя сам токен
Получается, что нужно делать блокирующий запрос на бекенд ( чтобы пока не пришел ответ, initialState не инициализировался )
А я так понимаю, что все http запросы тут асинхронные...
источник

AS

Anton Shvets in Angular - русскоговорящее сообщество
Andrey Semchenko
у меня стейт выглядит вот так примерно
{
   isAuthenticated: boolean,
   user: User,
}

Проблема в том, что в jwt токене не хранится объект User, его нужно вытаскивать с бекенда, используя сам токен
Получается, что нужно делать блокирующий запрос на бекенд ( чтобы пока не пришел ответ, initialState не инициализировался )
А я так понимаю, что все http запросы тут асинхронные...
гугли APP_INITIALIZER
источник

AT

Artsiom Tuzhykau in Angular - русскоговорящее сообщество
Andrey Semchenko
у меня стейт выглядит вот так примерно
{
   isAuthenticated: boolean,
   user: User,
}

Проблема в том, что в jwt токене не хранится объект User, его нужно вытаскивать с бекенда, используя сам токен
Получается, что нужно делать блокирующий запрос на бекенд ( чтобы пока не пришел ответ, initialState не инициализировался )
А я так понимаю, что все http запросы тут асинхронные...
А в jwt засунуть юзера нельзя?
источник

ДМ

Денис Мовляйко... in Angular - русскоговорящее сообщество
Всем привет. Может кто-то подсказать чем можно заменить фроалу, есть что-то лучше?
источник

AV

Andrey Vaydich in Angular - русскоговорящее сообщество
Денис Мовляйко
Всем привет. Может кто-то подсказать чем можно заменить фроалу, есть что-то лучше?
привет
а почему менять хочешь? мы вот юзаем ее довольно долго и, в целом, норм — лучше пока не нашел
источник

R

Roman in Angular - русскоговорящее сообщество
Привет. Почему может такое выдавать?
{"arguments":["Unhandled Promise rejection:","Failed to fetch","; Zone:","<root>","; Task:","Promise.then","; Value:",{"message":"Failed to fetch","name":"TypeError","stack":"TypeError: Failed to fetch"},"TypeError: Failed to fetch"]}
источник

ДМ

Денис Мовляйко... in Angular - русскоговорящее сообщество
Andrey Vaydich
привет
а почему менять хочешь? мы вот юзаем ее довольно долго и, в целом, норм — лучше пока не нашел
не сильно нравится нам, было много мороки
хочется другое что-то пробовать
источник

AV

Andrey Vaydich in Angular - русскоговорящее сообщество
Денис Мовляйко
не сильно нравится нам, было много мороки
хочется другое что-то пробовать
ну я проводил анализ подобных эдиторов и лучше не нашел (бесплатный так вообще днище)
может поделишься в чем морока была?
источник

SA

Shamil Abdulaev in Angular - русскоговорящее сообщество
Всем привет! Пытаюсь настроить ngrx.

У меня есть некий корневой main.component в котором отрисовываются новостные блоки/ленты, они так же представлены отдельными компонентами.
Выглядит это примерно так:

<div class="main-wrap">
 <app-main-news
   *ngIf="mainNewsEnable"
   [data]="mainNewsData"
 >
 </app-main-news>
 <app-top-news
   *ngIf="topNewsEnable"
   [data]="topNewsData"
 >
 </app-top-news>
 <app-feed-news
   *ngIf="feedNewsEnable"
   [data]="feedNewsData"
 >
 </app-feed-news>
</div>


Есть API в котором приходит большой объект в котором содержится контент для всех новостных блоков/лент, а также флаги для того чтобы отображать/скрывать эти блоки.
Формат API примерно такой:

{
  "mainNewsEnable": true,
 "topNewsEnable": false,
 "feedNewsEnable": true,
 "mainNewsData": {...},
 "topNewsData": {...},
 "feedNewsData": [{...}, {...}],
}

как здесь правильно раздавать данные?
- Если отталкиваться от того что приходит в API, то main.component должен получить все данные от сервера и после этого раздать их через входные параметры дочерним компонентам (так как уже описано).
в ngOnInit я делаю
 this.store.dispatch(new GetNewsAction())
 this.allNewsData$ = this.store.select(store => store.allNews);
 this.allNewsData$.subscribe(data => { .... })
забираю полученные данные и раздаю далее вниз по иерархии


- Или же в ngOnInit main.component просто иницировать запрос к серверу, а дальше через дочерние компонеты стучать к store и забирать через this.store.select данные необходимые только для этого компонента?
источник

MC

Maksim Chuguev in Angular - русскоговорящее сообщество
Добрый день коллеги) кто-нибудь пытался вставить заголовки в 303 редирект? судя по всему можно поймать редирект через флаг redirect = manual (fetch) но это не работает в  ие и сафари. Может кто сталкивался/решал такую проблему
источник

L

Let me take you into... in Angular - русскоговорящее сообщество
Shamil Abdulaev
Всем привет! Пытаюсь настроить ngrx.

У меня есть некий корневой main.component в котором отрисовываются новостные блоки/ленты, они так же представлены отдельными компонентами.
Выглядит это примерно так:

<div class="main-wrap">
 <app-main-news
   *ngIf="mainNewsEnable"
   [data]="mainNewsData"
 >
 </app-main-news>
 <app-top-news
   *ngIf="topNewsEnable"
   [data]="topNewsData"
 >
 </app-top-news>
 <app-feed-news
   *ngIf="feedNewsEnable"
   [data]="feedNewsData"
 >
 </app-feed-news>
</div>


Есть API в котором приходит большой объект в котором содержится контент для всех новостных блоков/лент, а также флаги для того чтобы отображать/скрывать эти блоки.
Формат API примерно такой:

{
  "mainNewsEnable": true,
 "topNewsEnable": false,
 "feedNewsEnable": true,
 "mainNewsData": {...},
 "topNewsData": {...},
 "feedNewsData": [{...}, {...}],
}

как здесь правильно раздавать данные?
- Если отталкиваться от того что приходит в API, то main.component должен получить все данные от сервера и после этого раздать их через входные параметры дочерним компонентам (так как уже описано).
в ngOnInit я делаю
 this.store.dispatch(new GetNewsAction())
 this.allNewsData$ = this.store.select(store => store.allNews);
 this.allNewsData$.subscribe(data => { .... })
забираю полученные данные и раздаю далее вниз по иерархии


- Или же в ngOnInit main.component просто иницировать запрос к серверу, а дальше через дочерние компонеты стучать к store и забирать через this.store.select данные необходимые только для этого компонента?
В родителе получаешь данные через инпут передаешь в дочерние - все нормально, только без subscribe
источник

EV

Eugene Vinakov in Angular - русскоговорящее сообщество
Всем привет! кто-то сталкивался с таким:
есть большое приложение на ангуляре 8, состоящее из кучи лейзи модулей и сооственно кучи чанков.
Приложение билдится, потом с сервера полностью удаляется старая и заливается новая версия, физически на сервере не остается файлов старой версии!
но на протяжение 6 месяцев, три раза, на трех разных устройствах, два андроида, один айось, возникала следующая проблема:
пользователь получал вначале новую версию лейзи модуля, потом старую, а потом опять новую.
как такое может быть и что делать?(
источник

OS

Oleg Safonov in Angular - русскоговорящее сообщество
Eugene Vinakov
Всем привет! кто-то сталкивался с таким:
есть большое приложение на ангуляре 8, состоящее из кучи лейзи модулей и сооственно кучи чанков.
Приложение билдится, потом с сервера полностью удаляется старая и заливается новая версия, физически на сервере не остается файлов старой версии!
но на протяжение 6 месяцев, три раза, на трех разных устройствах, два андроида, один айось, возникала следующая проблема:
пользователь получал вначале новую версию лейзи модуля, потом старую, а потом опять новую.
как такое может быть и что делать?(
кэш браузера?

Хотя странно что версии меняются туда сюда
источник

V

Vladyslav Dudka in Angular - русскоговорящее сообщество
Всем привет!
Есть у кого хорошая статья по ChangeDetectionStrategy? Инглиш либо русский
В гугле ищу, и что-то сыровато...
источник

V

VY in Angular - русскоговорящее сообщество
источник

V

VY in Angular - русскоговорящее сообщество
это неплохая с дев.ту
источник

SA

Shamil Abdulaev in Angular - русскоговорящее сообщество
Let me take you into the light
В родителе получаешь данные через инпут передаешь в дочерние - все нормально, только без subscribe
через async pipe?
источник

L

Let me take you into... in Angular - русскоговорящее сообщество
Shamil Abdulaev
через async pipe?
+
источник

L

Let me take you into... in Angular - русскоговорящее сообщество
Shamil Abdulaev
через async pipe?
main.component
state$: Observable<T>;

ngOnInit() {
this.state$ = this.store.pipe(select(feature))
}

<ng-container *ngIf="state$ async as state">
   
</ng-container>
источник

V

Vladyslav Dudka in Angular - русскоговорящее сообщество
спасибо
источник