Login/logOut fixed

src/app/app.component.html

@@ -1,8 +1,10 @@
 <nav>
   <ul>
     <li><a routerLink="/" routerLinkActive="active" ariaCurrentWhenActive="page">{{ 'title' | transloco }}</a></li>
-    <li *ngIf="islogged; else elseBlock"><a routerLink="/logout" routerLinkActive="active" ariaCurrentWhenActive="page">{{ 'logout' | transloco }}</a></li>
+    <li *ngIf="isLogged; else elseBlock"><a routerLink="/logout" routerLinkActive="active" ariaCurrentWhenActive="page">{{ 'logout' | transloco }}</a></li>
-    <li #elseBlock><a routerLink="/login" routerLinkActive="active" ariaCurrentWhenActive="page">{{ 'login' | transloco }}</a></li>
+    <ng-template #elseBlock>
+      <li><a routerLink="/login" routerLinkActive="active" ariaCurrentWhenActive="page">{{ 'login' | transloco }}</a></li>
+    </ng-template>
 
     <li><a routerLink="/recipe/add" routerLinkActive="active" ariaCurrentWhenActive="page">{{ 'recipe.add.link' | transloco }}</a></li>
     <select (change)="changeLanguage($event)">

src/app/app.component.ts

@@ -16,6 +16,7 @@ import { NgIf } from '@angular/common';
     RecipeFormComponent,
     RecipeListComponent,
     TranslocoPipe,
+    NgIf,
   ],
   providers: [RecipeService, TranslocoService, NgIf],
   templateUrl: './app.component.html',