Accessing Component a from component b and setting its properties

I have two components both using the same Service I created

   #Component A
        @Component({
  templateUrl:          'build/pages/templateReunionCourse/templateReunionCourse.html',
  providers: [
    ReunionService,JSONP_PROVIDERS
  ]
})
export class Reunion{
    month: any;
     constructor(private loadingController: LoadingController,private navCtrl: NavController, public reunionService: ReunionService, public cmpB: ComponentB) 
  {

     this.month = new Date().toDateString();  

  } 
    onClickItem(string: any){
        this.cmpB.data=string;
    this.navCtrl.setRoot(Courses);

}
}

#ComponnetB @Component({ templateUrl: 'build/pages/courses/courses.html', providers: [ReunionService] }) export class Courses { Date: any; data: any; constructor(private loadingController: LoadingController, private navCtrl: NavController, public courseService: ReunionService) { this.Date = new Date().toDateString(); this.presentLoading(); this.loadRaces();

  }
}

When I attempt to Run. I get the error No provider for Component A

Any insight or alternative approach would b appreciated. My goal is to set data in component B from Component A so that when I push component B to Front I can view that data

• Can you just use static parameters and functions? The provider problem is a bootstrapping issue to the app - misha130
• how do I declare a static parameter. I am new to Ionic and angular JS - user2955481
• public static param:string; and you can access directly like classname.param = 'foo'; - misha130
• Doesnt seem like best practice but it works fine. Thanks Misha - user2955481
• You are right it isn't, but its simple and cheap performance wise. I am sure you'll figure out later how it can be done with providers - misha130