Angular

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

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