assign value on component initialization

Cloud-CV · Jul 27, 2021 · f342d9c · f342d9c
1 parent fc17700
commit f342d9c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/frontend_v2/src/app/components/publiclists/publiclists.component.html b/frontend_v2/src/app/components/publiclists/publiclists.component.html
@@ -1,13 +1,13 @@
-<app-side-bar *ngIf="authService.isAuth"></app-side-bar>
+<app-side-bar *ngIf="isAuth"></app-side-bar>
 <app-header-static></app-header-static>
-<div class="web-container" [class.center]="!authService.isAuth">
+<div class="web-container" [class.center]="!isAuth">
   <div class="dashboard-flex">
     <div class="dashboard-content">
       <router-outlet></router-outlet>
     </div>
-    <app-footer [isDash]="true" *ngIf="authService.isAuth"></app-footer>
+    <app-footer [isDash]="true" *ngIf="isAuth"></app-footer>
   </div>
 </div>
 <div class="clearfix"></div>
 
-<app-footer *ngIf="!authService.isAuth"></app-footer>
+<app-footer *ngIf="!isAuth"></app-footer>
diff --git a/frontend_v2/src/app/components/publiclists/publiclists.component.ts b/frontend_v2/src/app/components/publiclists/publiclists.component.ts
@@ -12,7 +12,7 @@ import { AuthService } from '../../services/auth.service';
   templateUrl: './publiclists.component.html',
   styleUrls: ['./publiclists.component.scss'],
 })
-export class PubliclistsComponent implements AfterViewChecked {
+export class PubliclistsComponent implements OnInit, AfterViewChecked {
 
   isAuth = false;
 
@@ -32,7 +32,13 @@ export class PubliclistsComponent implements AfterViewChecked {
     private globalService: GlobalService,
     private cdRef : ChangeDetectorRef
   ) {}
-
+
+  /**
+   * Component on Initialization.
+   */
+  ngOnInit() {
+    this.isAuth = this.authService.isAuth;
+  }
   /**
    * DEV MODE:
    * For resolving change in expression value after it is checked