不能绑定到'ngIf'因为它不是'div'的已知属性

不能绑定到'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 {}

2016-08-20 19:45:45

其他回答

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

2016-11-14 09:16:53

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

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

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

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

2016-08-20 19:45:45

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

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

2016-08-21 18:05:16

不能绑定到'ngIf'因为它不是'div'的已知属性

推荐文章

最新文章

标签