Can't bind to 'ngIf' since it isn't a known property of 'div' [duplicate]

问题:

This question already has an answer here:

• Can't bind to 'ng-forOf' since it isn't a known native property 6 answers

Can't bind to 'ngIf' since it isn't a known property of 'div'.

The element is

And the component is:

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();   }  } 

Not sure what exactly I'm doing wrong? This is a child component. In the parent component aka App component the ngif works. Angular RC5

回答1:

If you are using RC5 then import this:

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

and be sure to import CommonModule from the module that is providing your component.

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

回答2:

Just for anyone who is missing it, I also had an issue where I typed ngif rather than ngIf (notice the capitol 'I').

回答3:

Instead of [ngIf] you should use *ngIf like this:

      


 
文章来源: Can't bind to 'ngIf' since it isn't a known property of 'div' [duplicate]