Can't bind to 'ngIf'

Question

Can't bind to ngIf since it isn't a known property

<AddWrkFrcePopUp *ngIf="showWrkFrcePop === true" (closeWrfFrcePop)="_closeWrkFrcePop()">
</AddWrkFrcePopUp>

This is most often caused by a missing imports in your Angular module. Can you post what your angular module looks like? (The one that declares AddWrkFrcePopUp) — DeborahK, Jul 04 '17 at 06:56
Also, please, You would greatly improve the readability of your code by adding those two missing `o`s and `up`, and removing this useless `=== true`: `*ngIf="showWorkForcePopup"` — JB Nizet, Jul 04 '17 at 07:00

score 1 · Accepted Answer · answered Jul 04 '17 at 06:59

If you are using RC5 then import this:


    import { CommonModule } from '@angular/common';  
    import { BrowserModule } from '@angular/platform-browser';

and be sure to import CommonModule from the module that is providing your component.

@NgModule({
   imports: [CommonModule],
   declarations: [MyComponent]
   ...
 })
class MyComponentModule {}

score 0 · Answer 2 · answered Feb 26 '19 at 00:00

it worked with that, no need fro BrowserModule in my case

import { CommonModule } from '@angular/common'

and add CommonModule to the Imports

 imports: 
  [
    CommonModule
  ],

2 Answers2