How to pass table name from first component to second component on angular 7 when click button ?

first component.ts

 <button class="btn btn-success"   (click)="getReferenceDataForEmp()">ReferenceFile</button> 
 getReferenceDataForEmp() {
  console.log('Reference fire');  
  this.router.navigate(['References']); 
   }
second component.ts

ngOnInit() {
    console.log('welcome');
     this.apiservice.getReferenceDataForEmployee('Employees')
    .subscribe( data=>{
     this.RefListVal = data; //SUBSCRIBE HERE
     console.log(this.RefListVal);

     });
on API service function getreferenceDataForEmployee
 getReferenceDataForEmployee(tablename : string):Observable<referencecolumns[]> {
                return this.http.get<referencecolumns[]>('https://localhost:44326/api/Reference/'+ tablename);
              }