NG0303: Can't bind to 'ngif' since it isn't a known property of 'div'

Question

I try to learn Angular with documentation but I have an error but this code work (I learn with this tutorial https://angular.io/tutorial/toh-pt4 ):

NG0303: Can't bind to 'ngif' since it isn't a known property of 'div'.

I found this I should import commonModule in app.module.ts. But it doesn't work. Why? Do, you think that learning with offical documentation is good idea?

Answer 1

Please use the format like this:

    <div *ngIf="condition; else elseBlock">
    Content to render when condition is true.
    </div> 
    <ng-template #elseBlock>Content to render when condition is false.
    </ng-template>

Answer 2

Common module is common for all modules. if you are using lazy loaded modules then it must contains the CommonModule as well

Answer 3

Me paso algo similar lo que me faltaba era agregar el componente en declarations de modulo del componente