Телеграмм чат группы angularkyiv страница 1027

parrot.ru

Рейтинг популярных групп и каналов

В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

Angular Kyiv

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

2021 March 24

ОС

Олександр Савуловськ... in Angular Kyiv

Добрый день, как можно сделать без двух switchMap?
this.loginService.user$ - BS;
this.mainService.getData - http;

this.vm$ = this.reloadTable$.pipe(
startWith(1),
switchMap(() => this.loginService.user$),
switchMap(({ userId }) => this.mainService.getData(userId as number))
);

источник

20:18пожаловаться #1

D

Dima in Angular Kyiv

withLatestFrom

источник

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

ОС

Олександр Савуловськ... in Angular Kyiv

withLatestFrom

this.vm$ = this.reloadTable$.pipe(
startWith(1),
withLatestFrom(this.loginService.user$),
switchMap(({ userId }) => this.mainService.getData(userId as number))
);
Так?

источник

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

D

Dima in Angular Kyiv

підозрюю можна замінити switchmap на map

источник

20:25пожаловаться #4

D

Dima in Angular Kyiv

але загалом так

источник

20:26пожаловаться #5

ОС

Олександр Савуловськ... in Angular Kyiv

але загалом так

Спасибо

источник

20:27пожаловаться #6

ОС

Олександр Савуловськ... in Angular Kyiv

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

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:53пожаловаться #7

DМ

Denis Мовляйко... in Angular Kyiv

tap() ?

источник

23:01пожаловаться #8

DМ

Denis Мовляйко... in Angular Kyiv

а что вы мапите? имею в виду первый map()

источник

23:04пожаловаться #9

DT

Denchik Tymokhin in Angular Kyiv

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

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

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.
Подскажите почему не работает?

потому что код в мапах существует сам по себе, просто так, если его нахрен удалить, ничего не поменяется....

источник

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

ОС

Олександр Савуловськ... in Angular Kyiv

Denchik Tymokhin

потому что код в мапах существует сам по себе, просто так, если его нахрен удалить, ничего не поменяется....

Варианты решения только через tap? Делать BS для isLoading?

источник

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

DT

Denchik Tymokhin in Angular Kyiv

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

Варианты решения только через tap? Делать BS для isLoading?

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

источник

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

2021 March 25

KN

Konstantin Nosov in Angular Kyiv

такой вот вопрос - а кто-то использует GraphQL с Angular. А то что-то я столкнулся с описанием что типа не удобно и т.п. Интересует:
- кодогенерация из схемы в ts
- работа без Apollo
- вообще поддержка TS

мы используем GraphQL с реактом где мы выписываем и типизируем каждый конкретный запрос, но в Angular хотелось бы завести генерацию типов на основании схем graphql.
Есть может примеры\опыт у кого-то?

источник

01:39пожаловаться #13

SФ

Sergey Фrolov in Angular Kyiv

Konstantin Nosov

такой вот вопрос - а кто-то использует GraphQL с Angular. А то что-то я столкнулся с описанием что типа не удобно и т.п. Интересует:
- кодогенерация из схемы в ts
- работа без Apollo
- вообще поддержка TS

мы используем GraphQL с реактом где мы выписываем и типизируем каждый конкретный запрос, но в Angular хотелось бы завести генерацию типов на основании схем graphql.
Есть может примеры\опыт у кого-то?

Почему не Аполло?

источник

05:02пожаловаться #14

SФ

Sergey Фrolov in Angular Kyiv

Хотя может там кодогенерацию можно и без этого сделать.
https://www.graphql-code-generator.com/docs/plugins/typescript-apollo-angular

Graphql-Code-Generator

TypeScript Apollo Angular | GraphQL Code Generator

{@import ../plugins/client-note.md}

источник

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

KN

Konstantin Nosov in Angular Kyiv

Хотя может там кодогенерацию можно и без этого сделать.
https://www.graphql-code-generator.com/docs/plugins/typescript-apollo-angular

Graphql-Code-Generator

TypeScript Apollo Angular | GraphQL Code Generator

{@import ../plugins/client-note.md}

Это была стартовая точка, но она так себе код генерирует

источник

08:25пожаловаться #16

SФ

Sergey Фrolov in Angular Kyiv

Konstantin Nosov

Это была стартовая точка, но она так себе код генерирует

Хм. А что не так? Я правда работал только с Аполло, но мне кажется там можно подкрутить шаблоны, чтобы не было привязки.

источник

08:32пожаловаться #17

ОС

Олександр Савуловськ... in Angular Kyiv

Добрый день.
Подскажите как сделать, чтобы при нажатии на кнопку Reload появлялся isLoading: true?
https://stackblitz.com/edit/angular-ivy-adrsnn?file=src%2Fapp%2Fwrap%2Fwrap.component.ts

angular-ivy-adrsnn - StackBlitz

Starter project for Angular apps that exports to the Angular CLI

источник

17:03пожаловаться #18

OZ

Oleg Zmiiuk in Angular Kyiv

ребятки, никто не сталкивался с задачей реализовать mentions?
чтоб можно было ввести @, увидеть список юзеров для тега, выбрать, и потом каждый юзер подсвечивался как ссылка в сообщении
по такому же принципу как это делается в джире или телеге
нашёл простую либу https://github.com/dmacfarlane/angular-mentions, но она не покрывает все кейсы

источник

17:38пожаловаться #19

DG

Danil Gudz in Angular Kyiv

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

Добрый день.
Подскажите как сделать, чтобы при нажатии на кнопку Reload появлялся isLoading: true?
https://stackblitz.com/edit/angular-ivy-adrsnn?file=src%2Fapp%2Fwrap%2Fwrap.component.ts

angular-ivy-adrsnn - StackBlitz

Starter project for Angular apps that exports to the Angular CLI

дочерний элемент никак не может знать когда “запрос” начался, он только знает когда ему что-то новое придет
логику с isLoading$ нужно перенести в AppComponent

this.vm$ = this.reloadTrigger$.pipe(
startWith(null),
switchMapTo(this.mainService.getData().pipe(
map(data => ({isLoading: false, data})),
startWith({isLoading: true, data: null})
)),
)

https://stackblitz.com/edit/angular-ivy-2yj3rv?file=src/app/wrap/wrap.component.html

источник

18:05пожаловаться #20