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>

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

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