Доброе утро) у меня есть компонент, у которого по подписке изменяется

Question

Доброе утро) у меня есть компонент, у которого по подписке изменяется

значение.Особенность в том, что визуально оно меняется только когда я начинаю взаимодействовать с этим компонентом(внутри стейт меняется сразу, все ок)

вы не подскажете, с чем это связано?

#angular #frontend #javascript #programming #russian

0

15.07.2021

19 ответов

17 просмотров

Taras Savchenko Автор вопроса

Nikita Borisov
А стратегия у тебя OnPush?

не, дефолтная стоит, я не менял)

0

15.07.2021

Nikita Borisov

Taras Savchenko
не, дефолтная стоит, я не менял)

А код компонента можно посмотреть ?

0

15.07.2021

Andrei

Наверное мутируешь. Присваивай новый обьект

0

15.07.2021

Andrei

Andrei
Наверное мутируешь. Присваивай новый обьект

И скорее всего change detection на следующем тике перересовывает

0

15.07.2021

Taras Savchenko Автор вопроса

Nikita Borisov
А код компонента можно посмотреть ?

constructor( private storeService: StoreService, private modalService: ModalService ) { this.userAccount$ = this.storeService.getUserAccount() .pipe(filter((value) => value !== null)); ----- public getUserAccount() { return this.userAccount$.asObservable(); } ничего необычного вроде

0

15.07.2021

Taras Savchenko Автор вопроса

Andrei
Наверное мутируешь. Присваивай новый обьект

а там строка вроде просто, но я тоже думаю об этом

0

15.07.2021

Nikita Borisov

Taras Savchenko
constructor( private storeService: StoreService...

а в шаблоне что ?

0

15.07.2021

Taras Savchenko Автор вопроса

Nikita Borisov
а в шаблоне что ?

<div *ngIf="userAccount$ | async as userAccount" > <div> Connected wallet: <span [matMenuTriggerFor]="menu" >{{ userAccount | slice: 0:5 }}...{{ userAccount | slice: 38:42 }}</span > <mat-menu #menu="matMenu" class="header-menu"> <div > Connected wallet </div> <div > {{ userAccount }} </div> <a href="#" class="default-link">View on etherscan ↗</a> <div class="logout" (click)="disconnectWallet()">Log out</div> </mat-menu> </div> </div>

0

15.07.2021

Taras Savchenko Автор вопроса

Andrei
Наверное мутируешь. Присваивай новый обьект

я через Behavior Subject делал, типа когда обновляю значение - вкидываю next() а геттер - behaviorSub.asObservable() с ними тоже могут быть проблемы с мутациями?

0

15.07.2021

Andrei

Taras Savchenko
а там строка вроде просто, но я тоже думаю об этом

Та не. Через асинк CD автоматом дернет

0

15.07.2021

Andrei

Taras Savchenko
constructor( private storeService: StoreService...

ГетЮзерАккаунт лишний. У вас в переменной уже обсервабле после пайпа

0

15.07.2021

Andrei

Taras Savchenko
<div *ngIf="userAccount$ | async as userAc...

Выше по коду нет ифов?

0

15.07.2021

Taras Savchenko Автор вопроса

Andrei
Выше по коду нет ифов?

есть, там кнопка подключения идет, если ее нажать, то состояния меняется и показывается <ng-template> внутри которого и есть этот код)

0

15.07.2021

Taras Savchenko Автор вопроса

Andrei
Выше по коду нет ифов?

<button *ngIf="!(isWalletConnected$ | async); else connected" class="main-button main-button--purple-gradient" (click)="walletConnect()" > Connect a wallet </button>

0

15.07.2021

Andrei

Taras Savchenko
есть, там кнопка подключения идет, если ее нажать,...

была подобная проблема. уже и не помню. tapни обсервабле...резолвится он?

0

15.07.2021

Andrei

Andrei
была подобная проблема. уже и не помню. tapни обсе...

и не резолвится ли до прорисовки темплейта

0

15.07.2021

Taras Savchenko Автор вопроса

Andrei
и не резолвится ли до прорисовки темплейта

если я правильно понял, то так он и делает типа я меняю состояния, обсервабл отдает значение, но в шаблоне остается старое, если я нажимаю на менюшку эту - оно обновляется

0

15.07.2021

Andrei

Taras Savchenko
если я правильно понял, то так он и делает типа я ...

попробуй расшарить обсервабл shareReplay

0

15.07.2021