loiane / angular-login-hide-navbar Goto Github PK

Hi, i was following your tutorial and did every time just the same except for the routes because i need to use a API for the authentication. Either way, it crashes wherever I click over a route link, can you help me? This my auth.service.ts file:

forget about this code

I just noticed that it was about a infinite loop that i had in my auth.guard.ts but even thought this logic keeps the user away from the register and login views, it does not changes hide those to navbar buttons which i defined like this on my header.component.html:

<ul class="navbar-nav ml-auto">
      <li class="nav-item" *ngIf="!loggedIn">
        <a class="nav-link" routerLink="login" routerLinkActive="active">Ingresar</a>
      </li>
      <li class="nav-item" *ngIf="!loggedIn">
        <a class="nav-link" routerLink="register" routerLinkActive="active">Registrarse</a>
      </li>
      <li class="nav-item" *ngIf="loggedIn">
        <a class="nav-link" (click)="onLogout()">Desconectarse</a>
      </li>
    </ul>

Uncaught Error: Unexpected module 'AppMaterialModule' declared by the module 'AppModule'. Please add a @Pipe/@Directive/@component annotation.
at syntaxError (compiler.js:1021)
at compiler.js:10639
at Array.forEach ()
at CompileMetadataResolver.push../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver.getNgModuleMetadata (compiler.js:10621)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._loadModules (compiler.js:23876)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndComponents (compiler.js:23857)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler.compileModuleAsync (compiler.js:23817)
at CompilerImpl.push../node_modules/@angular/platform-browser-dynamic/fesm5/platform-browser-dynamic.js.CompilerImpl.compileModuleAsync (platform-browser-dynamic.js:143)
at PlatformRef.push../node_modules/@angular/core/fesm5/core.js.PlatformRef.bootstrapModule (core.js:4344)
at Module../src/main.ts (main.ts:11)

I am using these way to hide the header and footer in login component. It's hiding in login component after made the changes.

But, when i am reloading the page, that time header and footer hide on all components. can anyone help to resolve these issue?