在组件之间共享数据

Question

我有一个带有3个接口的表单，我使用angular 5我想最终保存对象partenire。我使用了一个包含3个组件的父组件（interfces 1,2,3），如何在子组件下共享数据然后将其发送给父组件并将其保存到数据库中？

Answer 1

您可以做的是创建另一个名为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();
    }

```