angular - Observable 没有完整显示值

Question

当我想用 Observable 从 URL 显示值时，我只有一个字母。

我尝试记录价值，当我收回时，我拥有全部价值

我的组件：

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

标签： angularobservable

Answer 1

尝试使用别名作为并删除async

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