不能绑定到'ngi '既然它不是't的已知属性'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 < / p >

angular

468357 次浏览

小开

最佳答案

如果你正在使用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”)。