From: Kai Moritz <kai@juplo.de>
Date: Mon, 15 Sep 2025 20:39:06 +0000 (+0200)
Subject: home component shows the logged in user
X-Git-Url: https://juplo.de/gitweb/?a=commitdiff_plain;h=bcf0beb8095d6156665286a77581acd12ee91731;p=demos%2Fangular%2Fstored-login

home component shows the logged in user
---

diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index 5f2c53f..383f714 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -1 +1 @@
-<p>home works!</p>
+<p>hello {{ username$ | async }}!</p>
diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts
index e9285d4..b6a6b41 100644
--- a/src/app/home/home.component.ts
+++ b/src/app/home/home.component.ts
@@ -1,11 +1,18 @@
 import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Store } from '@ngrx/store';
+import { selectToken } from '../store/login.selectors';
 
 @Component({
   selector: 'app-home',
-  imports: [],
+  imports: [ CommonModule ],
   templateUrl: './home.component.html',
   styleUrl: './home.component.less'
 })
 export class HomeComponent {
+  username$;
 
+  constructor(store : Store) {
+    this.username$ = store.select(selectToken);
+  }
 }