Kann nicht binden 'ngIf', da es nicht eine bekannte Eigenschaft von 'div' ist

Question

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

Das Element ist <div [ngIf]="isAuth" id="sidebar">

Und die Komponente:

import SessionService from '../session/session.service'; 
import { Component } from '@angular/core'; 

@Component({ 
    providers: [], 
    selector: 'navbar-left', 
    styles: [require('./navbar-left.scss')], 
    template: require('./navbar-left.html'), 
}) 
export default class NavbarLeftComponent { 

    public isAuth: boolean = false; 

    constructor(private sessionService: SessionService) { 
    this.isAuth = sessionService.sessionIsAuth(); 
    } 

} 

Nicht sicher was genau mache ich falsch? Dies ist eine untergeordnete Komponente. In der übergeordneten Komponente alias App-Komponente arbeitet das ngif. Angular RC5

Answer 1

Wenn Sie RC5 diese verwenden dann importieren:

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

und sicher sein, CommonModule aus dem Modul zu importieren, die Ihre Komponente bereitstellt.

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

Answer 2

Statt [ngIf] Sie sollten verwenden * ngIf wie folgt aus:

<div *ngIf="isAuth" id="sidebar"> 

Answer 3

Gerade für jeden, der es fehlt, ich hatte auch ein Problem, wo ich ngif eher getippt als ngIf (beachten Sie die Kapitol "Ich").