File: PageNotFoundComponent.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>
Issue with *ngif directive. Attempted system restart and cache clearance, yet error persists:
Uncaught Error: Template parse errors: Property binding ngif not recognized by any directive in embedded template. Ensure correct spelling and all directives listed in "@NgModule.declarations". ("[ERROR->]<p *ngif=true> page-not-found works! </p>