如何在angular2中将对象从一个组件传递到另一个组件?

如何在angular2中将对象从一个组件传递到另一个组件?,angular,components,Angular,Components,我有一个包含一些项目的组件。当我点击project时,我想在另一个组件中显示他的内容。我怎么能做到?谢谢。有几种方法可以做到这一点 通过提供项目对象,并将该服务注入两个组件中,并通过使用路由参数。然后,您可以从“@angular/router”使用ActivatedRoute参数导入{ActivatedRoute,Params};通过服务中的项目索引检索项目 创建可以容纳项目的全局对象。使用服务向该对象返回一个可观察对象,并将其注入两个组件中。您可以存储集合并从可观察对象检索对象 根据您的具体需

我有一个包含一些项目的组件。当我点击project时,我想在另一个组件中显示他的内容。我怎么能做到?谢谢。

有几种方法可以做到这一点

通过提供项目对象,并将该服务注入两个组件中,并通过使用路由参数。然后,您可以从“@angular/router”使用ActivatedRoute参数导入{ActivatedRoute,Params};通过服务中的项目索引检索项目

创建可以容纳项目的全局对象。使用服务向该对象返回一个可观察对象,并将其注入两个组件中。您可以存储集合并从可观察对象检索对象

根据您的具体需要,最好将两者结合起来

代码:

简而言之,您需要创建一个服务来处理数据。

replice of
@Injectable()
export class ProjectsService {
  getProjects(): Observable<Project[]> {
    return Observable.of(PROJECTS);
 }
}
const PROJECTS = [/*your projects here*/]