首页 文章

可_8878608_ ngIf ' since it isn' t已知属性'div' [复制]

提问于
浏览
118

这个问题在这里已有答案:

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 App组件中,ngif可以工作 . 角度RC5

3 回答

  • 177

    如果您使用RC5,请导入:

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

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

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

    对于任何错过它的人,我也有一个问题,我键入 ngif 而不是 ngIf (注意国会大厦'I') .

  • 20

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

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

相关问题