Angular

}
getLogin(form: LoginForm): void {
let username = form.email;
let password = form.password;
this.loginService.getAuthenticate(form).subscribe(() => {
this.router.navigate(['/calender']);
});
}
We need to export this component to in index.ts.
export * from './login/login.component';
we need to set routes for login in app.routes.ts
const appRoutes: Routes = [
{
path: 'login',
component: LoginComponent
},
........
{
path: '',
pathMatch: 'full',
redirectTo: '/login'
}
];
In root component, app.module.ts file you just need to import that component.
.....
import { LoginComponent } from './modules';
......
@NgModule({
bootstrap: [AppComponent],
declarations: [
LoginComponent
.....
.....
]
.....
})
export class AppModule { }
and after that npm install and npm start. Here, you go! You can check login screen in your localhost. In case of any
difficulty, You can refer the angular4-boilerplate.
Basically I can feel less building package and more faster response with Angular 4 application and Although I found
Exactly similar to Angular 2 in coding.
GoalKicker.com – Angular 2 Notes for Professionals 19