Angular 在组件之间共享数据

Angular 在组件之间共享数据,angular,angular-ui-router,angular5,angular4-forms,angular4-router,Angular,Angular Ui Router,Angular5,Angular4 Forms,Angular4 Router,我有一个有3个接口的表单,我使用angular 5,我想最后保存对象partenire。我使用了一个包含3个组件(interfces 1、2、3)的父组件,如何在孩子的compnet之间共享数据,然后将其发送给父组件并保存到数据库 您可以做的是创建另一个名为CommonService的组件,在这个服务中,您可以实现几个方法(或可观察)。然后这个服务就可以注入到上面提到的三个组件中 ``` ```写文章时请使用拼写检查器。 import { Injectable } from '@angula

我有一个有3个接口的表单,我使用angular 5,我想最后保存对象partenire。我使用了一个包含3个组件(interfces 1、2、3)的父组件,如何在孩子的compnet之间共享数据,然后将其发送给父组件并保存到数据库


您可以做的是创建另一个名为
CommonService
的组件,在这个服务中,您可以实现几个方法(或可观察)。然后这个服务就可以注入到上面提到的三个组件中

```


```

写文章时请使用拼写检查器。
import { Injectable } from '@angular/core';

@Injectable()
export class CommonService {
    data;
    fetchData() { http.get().subscribe(res => this.data = res;} }
}

...
export class FeaturePageComponent {
    constructor(private commonService: CommonService) {
        this.commonService.fetchData();
    }