Btukfyl

My situation:

I have a Login Component ,when i will login , i will get response from API like

{

  code: 200,

  id: 4,

  msg: "success",

  user: "Sourav"

}

I want to send this id to Candidate component ,cv Details Component and Key skills component .

My code

MyCommonService:

import{ Injectable } from'@angular/core';

@Injectable({

providedIn: 'root',

})

export class CommonUserService {

  public userId;



  constructor() {}



  setUserLoggedIn(Id) {

    this.userId = Id;

    console.log(this.userId);

  }



  getUserLoggedIn() {

    console.log(this.userId);

    return this.userId;

  }



}

LoginComponent

Here I am setting the id using common service

login() {

  if (this.seekerlogin.code == '200') {

    this.commonuserservice.setUserLoggedIn(this.seekerlogin.id);

  }

}

Candiadate Component

Here it's showing id is Undefined

 submit(){

 let id = this.commonuserservice.getUserLoggedIn(); // Here showing id is  

 Undefined

 let name = this.name;

 this.companydetailssevice.candidateServiceMethod(id,name)

  .subscribe(

    data => {

        this.ResponseVariable= data;

           if(this.ResponseVariable.code =='200'){ 

            this.router.navigate(['key_skill']);                   

             }

    },

    error => alert(error),

    () => console.log(this.ResponseVariable)

  );

}

please help me where i am doing wrong or tell me any other solutions

We have multiple ways to share data from one controller to another.
But in simple way you can go with localStorage.

Please check sample code.

Step 1: Alter your service

import { Injectable } from '@angular/core';



@Injectable()

export class CommonUserService {

    constructor() { }

    //State Management

    setSession(key: string, value: any): void {

        //sessionStorage.setItem(key, JSON.stringify(value));

        localStorage.setItem(key, JSON.stringify(value));

    }

    getSession(key: string): any {

        if (typeof window !== 'undefined') {

            //let retrievedObject = sessionStorage.getItem(key) as string;

            let retrievedObject = localStorage.getItem(key) as string;

            return retrievedObject;

        }

    }

    clearSession(): void {

        localStorage.clear();

    }

}

Step 2: Set and Get session value.

 this._commonUserService.setSession('UserId', UserId);

 let userId= this._commonUserService.getSession('UserId');

It should work. What you're doing is the correct way to go. Just make sure you're running a single instance of CommonUserService in all the components. Make sure you have added CommonUserService to the providers array in a module and not in individual components.

import{ Injectable } from'@angular/core';



@Injectable()

export class CommonUserService {

  public userId;



  constructor() {}



  setUserLoggedIn(Id) {

    this.userId = Id;

    console.log(this.userId);

  }



  getUserLoggedIn() {

    console.log(this.userId);

    return this.userId;

  }



}

Then in your module

@NgModule({

  declarations: [

    AppComponent,

    ItemDirective

  ],

  imports: [

    

  ],

  providers: [CommonUserService],

  bootstrap: [AppComponent]

})

export class AppModule { }

And your compoenents

@Component({

  selector: 'app-bank-account',

  template: `

    Bank Name: {{ bankName }}

    Account Id: {{ id }}

  `

})

export class BankAccountComponent {

  bankName: string|null = null;

  id: string|null = null;

 

 constructor(private commonService: CommonUserService){

 }

 }