2.0.0 version Can't bind to 'ngIf' since it isn't a known property of 'div'
<p>I am getting an error on the *ngIf any ideas what could be wrong? I am using latest version (2.0.0) of Angular 2.</p>

<pre><code>Error: Uncaught (in promise): Error: Template parse errors:
Can't bind to 'ngIf' since it isn't a known property of 'div'. ("
&lt;/div&gt;
&lt;/div&gt;
&lt;div class='row' [ERROR -&gt;]*ngIf='listFilter'&gt;
&lt;div class='col-md-6'&gt;
&lt;h3&gt;Filtered by: {{ listFilter"): EventlogComponent@12:25
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 "directives" section. ("
&lt;/div&gt;
</code></pre>

<p>Here it is my HTML I have the listFilter defined in the Component.ts below</p>

<pre><code>&lt;div class='panel panel-primary'&gt;
    &lt;div class='panel-heading'&gt;
        {{ pageTitle }}
    &lt;/div&gt;

    &lt;!-- Filter the eventlogs   --&gt;
    &lt;div class='panel-body'&gt;
        &lt;div class='row'&gt;
            &lt;div class='col-md-2'&gt;Filter by:&lt;/div&gt;
            &lt;div class='col-md-4'&gt;
                &lt;input type='text' [(ngModel)]='listFilter' /&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class='row' *ngIf='listFilter'&gt;
            &lt;div class='col-md-6'&gt;
                &lt;h3&gt;Filtered by: {{ listFilter }} &lt;/h3&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class='has-error' *ngIf='errorMessage'&gt;{{ errorMessage }}&lt;/div&gt;

        &lt;div class='table-responsive'&gt;
            &lt;table class='table' *ngIf='eventlogs &amp;&amp; eventlogs.length'&gt;
                &lt;thead&gt;
                    &lt;tr&gt;
                        &lt;th&gt;Event ID&lt;/th&gt;
                        &lt;th&gt;Tenant&lt;/th&gt;
                        &lt;th&gt;Composition&lt;/th&gt;
                        &lt;th&gt;Composition Execution&lt;/th&gt;
                        &lt;th&gt;Instrument&lt;/th&gt;
                        &lt;th&gt;Start Time&lt;/th&gt;
                    &lt;/tr&gt;
                &lt;/thead&gt;
                &lt;tbody&gt;
                    &lt;tr *ngFor='let eventlog of eventlogs | eventlogFilter:listFilter'&gt;
                        &lt;td&gt; &lt;a [routerLink]="['/eventlog', eventlog.id]"&gt;
                            {{ eventlog.id }}
                            &lt;/a&gt;
                        &lt;/td&gt;
                        &lt;td&gt;{{ eventlog.tenant }} &lt;/td&gt;
                        &lt;td&gt;{{ eventlog.composition }} &lt;/td&gt;
                        &lt;td&gt;{{ eventlog.compositionExecution }}&lt;/td&gt;
                        &lt;td&gt;{{ eventlog.instrument }}&lt;/td&gt;
                        &lt;td&gt;{{ eventlog.startTime }}&lt;/td&gt;
                    &lt;/tr&gt;
                &lt;/tbody&gt;
            &lt;/table&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Component.ts , listFilter is declared</p>

<pre><code>import { Component, OnInit}  from '@angular/core';

import { IEventlog } from './eventlog';
import { EventlogService } from './eventlog.service';

@Component({
    templateUrl: 'app/eventlogs/eventlog.component.html',
    styleUrls: ['app/eventlogs/eventlog.component.css']
})
export class EventlogComponent implements OnInit {
    pageTitle: string = 'Monitor Event Log';
    listFilter: string = ' ';
    errorMessage: string;
    eventlogs: IEventlog[];

    constructor(private _eventlogService: EventlogService) {

    }

    ngOnInit(): void {
           this._eventlogService.getEventlogs()
                     .subscribe(
                       eventlogs =&gt; this.eventlogs = eventlogs,
                       error =&gt;  this.errorMessage = &lt;any&gt;error);
    }

}
</code></pre>