不能绑定到'ngIf',因为它不是'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();
  }
}

不知道我到底做错了什么?这是一个子组件。在父组件(也就是App组件)中,ngIf工作正常。 角RC5


如果你正在使用RC5,那么导入这个:

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

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

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

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

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

对于那些仍然有问题的人,我也有一个问题,我输入了ngif而不是ngif(注意大写的“I”)。