Angularjs2不同组件间的通信实例代码

/** *1.定义一个服务，作为传递参数的媒介 */@Injectable()export class PrepService{ //定义一个属性，作为组件之间的传递参数，也可以是一个对象或方法   profileInfo: any; } /** *2.传递参数的组件，我这边简单演示，直接就在构造器里面实现传参了 */ @Component({ selector: 'XXXXXXX', templateUrl:"./XXXXXX.html", styleUrls:["./XXXXXXX.css"]})export class ReportComponent { //定义要传递的参数(此处是一个对象，也可以是方法)     reponsePrep:any ={  name : "腊肉豆皮",  address："中欧五花肉" } //构造器注入PrepService服务   constructor(private ps:PrepService){  //把当前组件参数赋值给PrepService的profileInfo属性  ps.profileInfo = this.reponsePrep; } } /** *3.接受参数的组件 */ @Component({ selector: 'YYYYYY', templateUrl:"./YYYYYYYY.html", styleUrls:["./YYYYYYY.css"]})export class commandComponent { //定义参来接收来自PrepService服务profileInfo属性的值 requestPrep:any;  //构造器注入PrepService服务   constructor(private ps:PrepService){  //把PrepService的profileInfo属性的值赋值给requestPrep实现组件的之间的传值  this.requestPrep = ps.profileInfo; } }