* ngIf travail ne marche pas tout le temps

Question

page-not-found.component.ts

import { FormsModule, NgModel } from '@angular/forms'; 
import { ChangeDetectorRef, Component, ElementRef, OnInit, Renderer2, ViewChild, ViewEncapsulation } from '@angular/core'; 
import {CommonModule} from '@angular/common'; 
import {NgModule} from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { element } from 'protractor'; 
import { SplitButtonModule } from "primeng/primeng"; 
import { Router } from '@angular/router'; 

@Component({ 
    selector: 'app-page-not-found', 
    templateUrl: './page-not-found.component.html', 
    styleUrls: ['./page-not-found.component.css'] 
}) 
export class PageNotFoundComponent implements OnInit { 

    constructor() { } 

    ngOnInit() { 
    } 

} 

page-not-found.component.html 

<p *ngif=true> 
    page-not-found works! 
</p> 

le problème est *ngif ne fonctionne pas. J'ai redémarré mon système et effacé le cache. Je reçois l'erreur suivante:

Uncaught Error: Template parse errors: 
Property binding ngif not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("[ERROR->]<p *ngif=true> 
    page-not-found works! 
</p> 

Answer 1

Il suffit d'utiliser ceci:

<p *ngIf="true"> 
    page-not-found works! 
</p> 

*ngIf est pas correct *ngif

Answer 2

Chaque fois que vous avez la syntaxe angulaire comme * ngIf, [valeur =], ou (changer) l'extrémité opposée de l'équation devrait probablement être placée entre guillemets. Cela dit angulaire de regarder dans le composant pour votre valeur. Donc, je vous recommande de mettre un champ dans votre composant comme ceci:

truthy = true; 

puis:

<p *ngIf="truthy"> 
    page-not-found works! 
</p> 

Si vous ne l'envelopper dans des guillemets, il assume son littéral chaîne et qui ne sera probablement pas vous donner les résultats que vous voulez.