Size: a a a

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

2021 April 22

ДМ

Дмитрий Моисеев... in Angular - русскоговорящее сообщество
и из стейта потом достаю через  pluck нужные данные
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
я еще подумал чуть, и хочу откатить тот коммент
источник

S

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

ДМ

Дмитрий Моисеев... in Angular - русскоговорящее сообщество
источник

ДМ

Дмитрий Моисеев... in Angular - русскоговорящее сообщество
я щас так менеджу лоадеры
источник

ДМ

Дмитрий Моисеев... in Angular - русскоговорящее сообщество
выглядит не очень
источник

ДМ

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

ДМ

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

S

Smooth Operator in Angular - русскоговорящее сообщество
а про shareReplay слышал?
источник

ДМ

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

S

Smooth Operator in Angular - русскоговорящее сообщество
разделить потоки а шарить их отдельно
источник

ДМ

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

S

Smooth Operator in Angular - русскоговорящее сообщество
туда же
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
делаешь 4 потока этих
в одном месте их комбайнишь для стейта
в других местах просто отдаешь
источник

ДМ

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

S

Smooth Operator in Angular - русскоговорящее сообщество
class Service {
   vehicles = this.http(...).pipe(shareReplay(...))
   colors = this.http(...).pipe(shareReplay(...))

   state = combineLatest(..., vehicles, colors).pipe(
       map(...),
       shareReplay(...)
   )

   getState() .... {
       return this.state;
   }

   getVehiles() ... {
       return this.vehicles;
   }

   getColors() ... {
       return this.colors;
   }
}
источник

ДМ

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

PD

Pavel Durov in Angular - русскоговорящее сообщество
Всем привет.
Подскажите, вот так делать - очень хреновая практика? Имеется в виду неоднозначность this в методах компонента

<ng-container *ngFor="let message of messages">
  <div (click)="onClick()"></div>
</ng-container>


class Component {
 name = 'name of the component';
 messages = [{ name: 'messageA' }, { name: 'messageB' }];

 someMethod() {
     console.log(this.name) // name of the component
      // this === Component
 }

 onClick() {
    console.log(this.name) // messageA
    // this == { name: 'messageA' }
 }
 
}
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
2 и 3 строчка
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
да
источник