I'm currently working on building a router component using Angular and TypeScript.
Check out my project structure below: https://i.stack.imgur.com/h2Y9k.png
Let's delve into the landingPageComponent.
From the image, you can see that the path to the component is valid but not recognized.
Here's the code in my landingpageComponent.ts file:
import { Component, OnInit, ViewChild } from '@angular/core';
import {NgForm} from '@angular/forms';
@Component({
selector: 'app-landing-page',
templateUrl: './landingpage.component.html',
styleUrls: ['./landingpage.component.css']
})
export class LandingPageComponent implements OnInit {
@ViewChild('f')citySubmit : NgForm;
cities:string[]=['Chicago', 'New Mexico', 'London'];
ngOnInit() {
}
}
The necessary imports have been made in the app.module.ts file without any errors, indicating that the path is recognized.
Hopefully, I'm just overlooking a simple mistake somewhere.
Thank you.