webentwicklung-frage-antwort-db.com.de

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

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

160
Ivaylo Ivanov

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

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).

267
dudewad

Anstelle von [ngIf] solltest du * ngIf wie folgt verwenden:

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