Нельзя привязываться к 'ngIf', так как это не известное свойство 'div'

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

Элемент <div [ngIf]="isAuth" id="sidebar">

И компонент:

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();
  }

}

Не уверен, что именно я делаю неправильно? Это дочерний компонент. В родительском компоненте aka компонент приложения работает ngif. Angular RC5

Ответ 1

Если вы используете RC5, то импортируйте это:

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

и обязательно импортируйте CommonModule из модуля, предоставляющего ваш компонент.

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

Ответ 2

Просто для тех, кто этого не хватает, у меня также была проблема, когда я набрал ngif, а не ngif (обратите внимание на capitol 'I').

Ответ 3

Вместо [ngIf] вы должны использовать * ngIf следующим образом:

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