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;
 }
 }