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

In Angular 6 module, I have app.module.ts

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 { }

Also, i've footer.component.html

<footer id="footer" *ngIf="(hrefUrlFor =='creator')">
   <div class="container">
        <ul class="social full_sec">
            <li>Help Center</li>
            <li>Media Center</li>
        </ul>
   </div>
</footer>

In browser I got errors «Can't bind to 'ngIf' since it isn't a known property of 'footer'.» and «Property binding ngIf not used by any directive on an embedded template.»

Also i've tried with added "CommonModule", but it still gives error.