Observable не отображает значение в полном объеме

Question

Когда я хочу отображать значение из URL с Observable, у меня есть только одна буква.

Я пытаюсь записать значение, когда я возвращаюсь, у меня есть полное значение

Мой компонент:

export class ArticlesComponent implements OnInit {
article$: Observable<string>;

constructor(private route: ActivatedRoute) {

}

ngOnInit() {
  this.article$ = this.route.paramMap.pipe(
      switchMap((params: ParamMap) => {
          console.log(params.get('title'));
          return params.get('title');
      }
  )
  );

  console.log(this.article$);
}

}

Выход console.log: foobar

Мой HTML:

<div *ngIf="article$ | async">
 {{article$ | async}}
</div>

Выход: r

Answer 1

Попробуйте использовать псевдоним как и удалите async

<div *ngIf="article$ | async as article">
 {{article}}
</div>