Angular Samples
Home
1. Create New Component
2. Component To HTML
3. @Input
4. Button Click Event
5. @Output
6. Template Variable
7. *ngFor
8. Safe Navigation Operator
9. *ngIf
10. Hidden Property
11. *ngSwitch
12. Service
13. Routing
14. Routing with Parameter
15. Router Link
16. Module
17. Lazy Loaded Module
ng g m User
ng g c user/login
routes.ts
import {Routes} from '@angular/router'
import {LoginComponent} from './user/login/login.component'
export const appRoutes:Routes=[
{path:'user/login',component:LoginComponent},
]
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { LoginComponent } from './user/login/login.component';
import {appRoutes} from './routes';
import { RouterModule } from '@angular/router';
@NgModule({
declarations: [
AppComponent,
LoginComponent
],
imports: [
BrowserModule,
RouterModule.forRoot(appRoutes)
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
URL : http://localhost:4200/user/login