title: Angular 6 Can't bind to '*ngIf' since it isn't a known property
body: <p>In Angular 6 module, I have app.module.ts</p>
  <pre class="lang-js prettyprint-override"><code>import { NgModule } from '@angular/core';
  import { BrowserModule } from '@angular/platform-browser';
  import { CommonModule } from '@angular/common';  
  import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
  import { AppRoutingModule } from './app-routing.module';
  
  @NgModule({
      declarations: [
          AppComponent
      ],
      imports: [
          CommonModule 
          AppRoutingModule,
          BrowserModule,
          BrowserAnimationsModule,
      ],
      providers: [],
      bootstrap: [
          AppComponent
      ]   
  export class AppModule { }
  </code></pre>
  <p>Also, I've footer.component.html
  html</p>
  <pre><code>&lt;footer id=&quot;footer&quot; *ngIf=&quot;(hrefUrlFor =='creator')&quot;&gt;
     &lt;div class=&quot;container&quot;&gt;
          &lt;ul class=&quot;social full_sec&quot;&gt;
              &lt;li&gt;Help Center&lt;/li&gt;
              &lt;li&gt;Media Center&lt;/li&gt;
          &lt;/ul&gt;
     &lt;/div&gt;
  &lt;/footer&gt;
  </code></pre>
  <p>In browser I got errors</p>
  <blockquote>
  <p>«Can't bind to 'ngIf' since it isn't a known property of 'footer'. »</p>
  </blockquote>
  <p>and</p>
  <blockquote>
  <p>«Property binding ngIf not used by any directive on an embedded template.»</p>
  </blockquote>
  <p>Also I've tried with added <code>CommonModule</code>, but it still gives error.</p>