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 ist:
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 ich falsch mache? Dies ist eine untergeordnete Komponente. In der übergeordneten Komponente aka App-Komponente funktioniert das NGIF. Angular RC5
Wenn Sie RC5 verwenden, importieren Sie dies:
import { CommonModule } from '@angular/common';
import { BrowserModule } from '@angular/platform-browser';
und achten Sie darauf, CommonModule
aus dem Modul zu importieren, das Ihre Komponente bereitstellt.
@NgModule({
imports: [CommonModule],
declarations: [MyComponent]
...
})
class MyComponentModule {}
Ich hatte auch ein Problem, bei dem ich ngif
anstelle von *ngIf
eingetippt habe (beachte das große 'I' und auch ein Sternchen * vor ngIf).
Anstelle von [ngIf] solltest du * ngIf wie folgt verwenden:
<div *ngIf="isAuth" id="sidebar">