Как сделать айди Observable?

Question

[Nikolaj Alyabiev]

Имееться компонент:

export class CharacterDetailsComponent implements OnInit {
  id$: string | null = '';
  characterDetail$!: Observable<CharacterData | undefined>;   

  constructor(
    private router: ActivatedRoute,
    private store$: Store
  ) {} 

  ngOnInit(): void {
    this.id$ = this.router.snapshot.paramMap.get('id'); 
    this.getCharacterDetail();
    this.characterDetail$ = this.store$.select(charDetailsSelector);
  }

  getCharacterDetail() { 
    if (!this.id$) {
      return;
    }
    this.store$.dispatch(getCharDetailsData({id: this.id$ }));
  }
}

Его экшн:

export const getCharDetailsData = createAction(
    '[Character Details Page] Load Details',
    props<{ id: string | null; }>()
  );

Вопрос, как правильно сделать id$: Observable что бы не было ошибок с типами?

Answer 1

[Антон Швец]

export class CharacterDetailsComponent implements OnInit {
  readonly id$ = this.route.paramMap.pipe(map(paramMap => paramMap.get('id'));
  ....

Все

Comments

[Nikolaj Alyabiev]

Ошибка Type 'Observable' is not assignable to type 'string'.
В id: "this.store$.dispatch(getCharDetailsData({id: this.id$ }));"

[Nikolaj Alyabiev]

Приходит обьект AnonymousSubject, а должен быть айдишник

[Антон Швец]

Nikolaj Alyabiev, ты сначала спрашиваешь "Как сделать айди Observable?", а теперь удивляешься чейта у тебя айди - Observable? Действительно, неожиданность то какая.