[Angular] Pluck value from Observable

Angular路由数据与参数获取

转载于 2017-04-26 03:35:00 发布 · 108 阅读

·

0

·

0

文章标签：

#javascript #ViewUI

本文介绍了一个Angular应用中如何使用路由服务获取数据和参数，具体实现方式为通过`ActivatedRoute`来捕获路由参数和数据，进而更新组件的状态。这种方法适用于邮件列表等需要动态加载数据的应用场景。

export class MailFolderComponent implements OnInit{

  title: Observable<string>;
  messages: Observable<Mail[]>;

  constructor(
    private route: ActivatedRoute
  ){

  }

  ngOnInit() {
      this.messages = this.route.data.pluck('messages');
      this.title = this.route.params.pluck('name')
  }
}