无法绑定到“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(); } } 

不知道我到底做错了什么？ 这是一个孩子的组成部分。 在NGIF的父组件中，也就是App组件。 angularRC5

Answer 1

如果你正在使用RC5，那么导入这个：

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

并确保从提供组件的模块导入CommonModule 。

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

Answer 2

对于那些错过的人，我也有一个问题，我input的是ngif而不是ngIf （注意到国会大厦“我”）。

Answer 3

而不是[ngIf]你应该使用* ngIf像这样：

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