angular - pasar - No se puede vincular a ''ngIf'' ya que no es una propiedad conocida de ''div''

pasar parametros entre componentes angular 4

Question

Esta pregunta ya tiene una respuesta aquí:

• No se puede vincular a ''ng-forOf'' ya que no es una propiedad nativa conocida 10 respuestas

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

El elemento es <div [ngIf]="isAuth" id="sidebar">

Y el componente es:

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

}

¿No estoy seguro de qué estoy haciendo exactamente mal? Este es un componente hijo. En el componente padre, también conocido como componente de la aplicación, el ngif funciona. RC5 angular

Answer 1

En lugar de [ngIf] deberías usar * ngIf así:

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

Answer 2

Si está utilizando RC5, importe esto:

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

y asegúrese de importar CommonModule desde el módulo que proporciona su componente.

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

Answer 3

Solo para cualquiera a quien le falte, también tuve un problema en el que ngif lugar de *ngIf (observe la ''I'' mayúscula y también un asterisco * antes de ngIf).