1. Getting Started


  1. Go to https://nodejs.org/en/download/ to download and install NODE js
  2. Go to https://github.com/angular/quickstart
  3. Clone the project
  4. Extract the downloaded Zip file.
  5. Go into that directory using node cmd
  6. type npm install
  7. Once done, open the downloaded project using IDE
  8. type npm start

Comments

Post a Comment

Popular posts from this blog

4. login.service

imports import { Http, Response, Headers, RequestOptions } from '@angular/http'; import { Injectable } from '@angular/core'; import { Observable } from 'rxjs/Rx'; import { User } from './user.model'; @Injectable() export class LoginService {     private _endpointUrl: string = "http://127.0.0.1:8080/";     constructor(private _http: Http) {     }     login(user: any): Observable<string> {         var headers = new Headers();         headers.append('Content-Type', 'application/json');         let body = JSON.stringify(user);               let msg = this._http             .post(this._endpointUrl + "user/login", body, { headers: headers })             .map(                 res => {           ...
Read more

6. login.component.html

<form #f="ngForm" (ngSubmit)="onLoginFormSubmit(f.value)">   name:<br>   <input type="text" name="userName" ngModel>   <br>   password:<br>   <input type="password" name="password" ngModel>   <br><br>   <input type="submit" value="Submit"> </form> <div *ngIf="_msgFromServer">   <div *ngIf="_msgFromServer == 'Login Denied'">     <p>{{_msgFromServer}}</p>   </div>   <div *ngIf="_msgFromServer != 'Login Denied'">     <p>{{_msgFromServer}} is logged</p>   </div> </div>
Read more

2. app.module.ts

import http module import { HttpModule } from '@angular/http'; import forms module import { FormsModule } from '@angular/forms'; import all the components you have created import { NgModule }      from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { HttpModule } from '@angular/http'; import { FormsModule } from '@angular/forms'; import { AppComponent }  from './app.component'; import { LoginComponent }  from './login.component'; @NgModule({   imports:      [ BrowserModule, HttpModule, FormsModule ],   declarations: [ AppComponent, LoginComponent ],   bootstrap:    [ LoginComponent ] }) export class AppModule { }
Read more