'ngIf' करने के लिए बाध्य नहीं किया जा सकता, क्योंकि यह 'div' का एक ज्ञात संपत्ति नहीं है

Question

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

} 

सुनिश्चित नहीं हैं कि मैं वास्तव में क्या गलत कर रहा हूँ? यह एक बाल घटक है। मूल घटक उर्फ ​​ऐप घटक में ngif काम करता है। कोणीय RC5

Answer 1

आप RC5 का उपयोग कर रहे हैं तो यह आयात:

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

और मॉड्यूल है कि अपने घटक प्रदान कर रहा है से CommonModule आयात करने के लिए सुनिश्चित करें।

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

Answer 2

[ngIf] का उपयोग करना चाहिए के बजाय

* ngIf इस तरह:

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

Answer 3

बस किसी को जो यह याद आ रही है, तो मैं भी एक मुद्दा है जहाँ मैं ngif टाइप किया बल्कि ngIf से (नोटिस किया था कैपिटल 'मैं')।