Angular 5-将数据传递到另一个组件

Question

I have this form which through an API service i can get data from a specific user so i want to send that data to another component and then extract it using *ngFor, but i really don't have any clue about how to do it. (Also i must say it, the other component is not a child from the parent view)

Answer 1

Use a service:

@Injectable()
export class DataService {
    private subject = new Subject<any>();

    setData(message: string) {
        // just an example:
        this.subject.next({ text: message });
    }

    getData(): Observable<any> {
        return this.subject.asObservable();
    }
}

In your parent component:

this.dataService.setData(something);

In your other component you can subscribe:

this.dataService.getData().subscribe(data => {
    // do stuff with the data, for example:
    this.myData = data;
);

Don't forget the constructor in your components:

constructor(private dataService: DataService) {}

---

An other solution could be to use Ngrx: https://github.com/ngrx/platform