Can't bind to 'ngif' since it isn't a known property of 'app-navigation'.

[dharmeshsharma]

I have found error in app.component.html for all structural directive which is not known property for custom elements.

****

****

****

Error:--

Error: Template parse errors:
Can't bind to 'ngif' since it isn't a known property of 'app-navigation'.

1. If 'app-navigation' is an Angular component and it has 'ngif' input, then verify that it is part of this module.
2. If 'app-navigation' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
   
   <app-navigation [ERROR ->]*ngif="showNavbar">

<ap"): ng:///AppModule/AppComponent.html@1:18
Property binding ngif not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("

[ERROR ->]<app-navigation *ngif="showNavbar">

<app-mainsidebar [ERROR ->]*ngif="showSidebar">

"): ng:///AppModule/AppComponent.html@3:19
Property binding ngif not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("n *ngif="showNavbar">

[ERROR ->]<app-mainsidebar *ngif="showSidebar">

"): ng:///AppModule/AppComponent.html@3:2
Can't bind to 'ngif' since it isn't a known property of 'app-footer'.

1. If 'app-footer' is an Angular component and it has 'ngif' input, then verify that it is part of this module.
2. If 'app-footer' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("

<app-footer [ERROR ->]*ngif="showFooter">

"): ng:///AppModule/AppComponent.html@8:14 Property binding ngif not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("

[ERROR ->]<app-footer *ngif="showFooter">

"): ng:///AppModule/AppComponent.html@8:2

Need to set @output decorator.

Thanks
Dharmesh

[william-levi]

i think you mispelled *ngIf to *ngif
big "I"