Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度2在两个组件之间获取数据_Angular_Product_Detailsview - Fatal编程技术网

Angular 角度2在两个组件之间获取数据

Angular 角度2在两个组件之间获取数据,angular,product,detailsview,Angular,Product,Detailsview,我们有两页1)产品和2)产品详细信息页 第1页的产品购物车如图所示。在那里你可以看到产品的详细信息 第2页我们有产品详细信息页面,其中会显示产品图片、价格、尺寸、颜色等。当客户单击这些字段并单击“添加到购物车详细信息”时,应在“添加到购物车详细信息”的第一页中显示 产品详细信息页面 产品页 由于您希望将一个组件通知另一个组件,因此可以创建一个主题来通知其他订阅者 创建一个对这两个组件都通用的服务文件 import { Injectable } from '@angular/core'; imp

我们有两页1)产品和2)产品详细信息页

  • 第1页的产品购物车如图所示。在那里你可以看到产品的详细信息

  • 第2页我们有产品详细信息页面,其中会显示产品图片、价格、尺寸、颜色等。当客户单击这些字段并单击“添加到购物车详细信息”时,应在“添加到购物车详细信息”的第一页中显示

  • 产品详细信息页面

    产品页


    由于您希望将一个组件通知另一个组件,因此可以创建一个主题来通知其他订阅者

    创建一个对这两个组件都通用的服务文件

    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);
      }
    
    }
    
    从'@angular/core'导入{Injectable};
    从'rxjs/Subject'导入{Subject};
    @可注射()
    导出类{
    public mySub=新主题();
    公共计数器:编号=0;
    递增计数器(){
    这个.counter++;
    this.mySub.next(this.counter);
    }
    }
    
    这些组件之间的关系是什么?到目前为止,您尝试了什么?请问我们一个问题。基本上,我想在两个组件之间共享整数值。我也试过了emitter@abhinavromeo当前位置我的回答帮助你解决问题了吗?