可观察的不完整显示值

时间:2018-11-11 12:46:58

标签: angular observable

当我想从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

1 个答案:

答案 0 :(得分:1)

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

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