As someone who is relatively new to Angular, I am currently in the process of setting up the front end of a project using Angular 8. The ultimate goal is to utilize REST API's to display data. At this point, I have developed 2 custom components.
LoginComponentHomeComponent
The primary objective is to seamlessly navigate from LoginComponent's HTML to HomeComponent's HTML upon clicking the login button.
Both LoginComponent and HomeComponent are located at the same directory level.
https://i.sstatic.net/TIG2r.png
Below you will find the file contents.
app.module.ts
// Import statements here
@NgModule({
declarations: [
// Component declarations here
],
imports: [
// Module imports here
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }