###前提・実現したいこと
root-outletのなかでswrviceを用いてデータの受け渡しはできるようになりましたが、root-outlet外での受け渡しがなかなか上手くいかなくUndefinedとなってしまいます。
<router-outlet></router-outlet>の中にあるlogin Conmponentをserviceを用いて<app-header></app-header>のconmponentで値を受け取れるようにするにはどうしたら良いでしょうか。
教えていただけると幸いです。
<app-header></app-header> <router-outlet></router-outlet>
###headerComponent
ts
1constructor(private userInfoService: UserInfoService) { 2 3 console.log(this.userInfoService.getUserlastName()); 4 5}
###userInfoService
ts
1 setCurrentUserlastName(lastname) { 2 this.CuserLname = String(lastname); 3 4 } 5 6 7 8 getUserlastName():any{ 9 10 return this.CuserLname; 11 }
###loginconponent
ts
1 this.authService.logIn(body).then((response: any) => { 2 // console.log(response); 3 if(response.status === 200){ 4 5 console.log("true"); 6 let data = response.json().data; 7 let lastname = data.lastName; 8 9 this.userInfoService.setCurrentUserlastName( lastname ); 10 this.router.navigate(['']) 11 12 13 }
あなたの回答
tips
プレビュー