Angular 2 Fetch data между двумя компонентами

Question

у нас есть две страницы 1) продукт и 2) страница сведений о продукте

1. на странице 1 есть корзина товаров, которая показана на картинке. Там вы можете увидеть детали продукта.

2. стр. 2 у нас есть страница с описанием товара, на которой будет отображаться изображение товара, цена, размер, цвет и т. Д. когда покупатель щелкает эти поля и нажимает кнопку «Добавить в корзину», данные должны отображаться на первой странице в разделе «Добавить в корзину».

страница сведений о продукте

страница продукта

Answer 1

Поскольку вы хотите уведомить один компонент о другом компоненте, вы можете создать тему, которая может уведомлять других подписчиков. Посмотрите на этот код

Создать сервисный файл, который будет общим для обоих компонентов

import { Injectable } from '@angular/core';
import {Subject} from 'rxjs/Subject';

@Injectable()
export class CommonSvc{

  public mySub = new Subject<number>();
  public counter: number = 0;

  increaseCounter(){
    this.counter++;
    this.mySub.next(this.counter);
  }

}