Телеграмм чат группы angular

Size: a a a

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

5695 membersпожаловаться на группу

2021 March 24

ВЧ

Владимир Черезов... in Angular - русскоговорящее сообщество

да ладно я в принципе оставлю так как есть, ибо пока что работает тьфу-тьфу

источник

22:34пожаловаться #1

ОС

Олександр Савуловськ... in Angular - русскоговорящее сообщество

Есть такой код:

this.errTable$ = this.reloadErrTable$.pipe(
  startWith(1),
  map(() => ({ isLoading: true })),
  switchMap(() => this.sprService.getErrLogPeriod()),
  map((data) => ({ data, isLoading: false })),
  catchError((err) => of({ isLoading: false, err }))
);

Хочу когда isLoading == true - показывать в шаблоне spinner.
Подскажите почему не работает?

источник

22:40пожаловаться #2

ВЧ

Владимир Черезов... in Angular - русскоговорящее сообщество

Сложная какая конструкция)

источник

22:43пожаловаться #3

ВЧ

Владимир Черезов... in Angular - русскоговорящее сообщество

Как-то бы подробнее на самом деле

источник

22:46пожаловаться #4

ОС

Олександр Савуловськ... in Angular - русскоговорящее сообщество

Владимир Черезов

Как-то бы подробнее на самом деле

Описать цепочку?

источник

22:50пожаловаться #5

ВЧ

Владимир Черезов... in Angular - русскоговорящее сообщество

цепочка понятна

источник

22:50пожаловаться #6

ВЧ

Владимир Черезов... in Angular - русскоговорящее сообщество

в темплейте интересно что

источник

22:54пожаловаться #7

ОС

Олександр Савуловськ... in Angular - русскоговорящее сообщество

Владимир Черезов

в темплейте интересно что

<div *ngIf="errTable$ | async as errTableerrTable

">
    {{

errTableerrTable.isLoading isLoading }}
</div>
Для теста вывел

источник

22:56пожаловаться #8

Михаил in Angular - русскоговорящее сообщество

Олександр Савуловський

Есть такой код:

this.errTable$ = this.reloadErrTable$.pipe(
  startWith(1),
  map(() => ({ isLoading: true })),
  switchMap(() => this.sprService.getErrLogPeriod()),
  map((data) => ({ data, isLoading: false })),
  catchError((err) => of({ isLoading: false, err }))
);

Хочу когда isLoading == true - показывать в шаблоне spinner.
Подскажите почему не работает?

IsLoading: true никогда не будет.
Оно ведь как работает, срабатывает observable, мапится в isLoading:true, переключает на внутренний через switchMap, маппится в isLoading:false, data. и на выходе всегда isLoading: false

источник

22:58пожаловаться #9

ОС

Олександр Савуловськ... in Angular - русскоговорящее сообщество

Михаил

Да так и происходит. Как сделать чтобы было IsLoading: true, а потом false? Только через переменную?

источник

22:59пожаловаться #10

Михаил in Angular - русскоговорящее сообщество

да, через tap, другого хорошего способа не знаю.

источник

23:02пожаловаться #11

ОС

Олександр Савуловськ... in Angular - русскоговорящее сообщество

Михаил

да, через tap, другого хорошего способа не знаю.

this.errTable$ = this.reloadErrTable$.pipe(
startWith(1),
tap(() => this.isLoading = true),
switchMap(() => this.sprService.getErrLogPeriod()),
tap(() => this.isLoading = false),
);
Так?

источник

23:05пожаловаться #12

Михаил in Angular - русскоговорящее сообщество

Олександр Савуловський

this.errTable$ = this.reloadErrTable$.pipe(
startWith(1),
tap(() => this.isLoading = true),
switchMap(() => this.sprService.getErrLogPeriod()),
tap(() => this.isLoading = false),
);
Так?

Да, если не OnPush компонент. Если onPush, то isLoading сделать behaviourSubject и пушить значение через .next()

источник

23:06пожаловаться #13

ОС

Олександр Савуловськ... in Angular - русскоговорящее сообщество

Михаил

Да, если не OnPush компонент. Если onPush, то isLoading сделать behaviourSubject и пушить значение через .next()

Если onPush - в шаблоне сделать подписку на isLoading?

источник

23:08пожаловаться #14

Михаил in Angular - русскоговорящее сообщество

Олександр Савуловський

Если onPush - в шаблоне сделать подписку на isLoading?

Именно.

<spinner *ngIf="isLoading$ | async"></spinner>

источник

23:09пожаловаться #15

ОС

Олександр Савуловськ... in Angular - русскоговорящее сообщество

Михаил

Именно.

<spinner *ngIf="isLoading$ | async"></spinner>

Ок. Спасибо

источник

23:09пожаловаться #16

2021 March 25

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

Ребят, подскажите кейс/пет проект на котором можно норм ngrx разобрать, потыкать

источник

00:33пожаловаться #17

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

Bogdan Bida

Ребят, подскажите кейс/пет проект на котором можно норм ngrx разобрать, потыкать

да их куча на гитхабе

источник

00:48пожаловаться #18

C☭

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

насколько ОК такая структура проекта? особенно интересует разбивка страниц на модули и разбивка layout на отдельные шаблонные компоненты... есть ли более подходящий best practice?

источник

00:57пожаловаться #19

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

Chadwick ☭

А почему core module лежит в папке components?

Про BP: как то раз смотрел курс на плуралсайте и там чел вещал избегать больших вложенностей и стараться придерживаться flat architecture

источник

01:00пожаловаться #20