3
respostas

Can't bind to 'ngIf' since it isn't a known property of 'div'. ("ass="navbar navbar-light bg-white">

<header class="fixed-top">
    <nav class="navbar navbar-light bg-white">
        <a class="navbar-brand">ALURAPIC</a>
            <div *ngIf="user; else login">
                <i class="fa fa-user-circle"></i>
                <a class="mr-1">{{user?.name}}</a>
            </div>

            <ng-template #login>
                <span class="navbar-text">
                    Please, login!
                </span>
            </ng-template>
        </nav>
    </header>
3 respostas

Fala aí Roberto, tudo bem? Você importou o CommonModule no módulo onde está tentando usar esse componente?

Espero ter ajudado.

Olá, bom dia,

Você precisa importar CommonModule em core.module.ts.

Saudações

Boa tarde,

Também tive o mesmo problema. Resolvi alterando o core.module.ts deixando ele assim:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { HeaderComponent } from './header/header.component';

@NgModule({
    imports: [CommonModule],
    declarations: [HeaderComponent],
    exports: [HeaderComponent]
})
export class CoreModule {}