Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import { Component } from '@angular/core';
- import {HttpClient} from '@angular/common/http';
- import {SessionStorageService} from 'ngx-webstorage';
- import { Router } from '@angular/router';
- @Component({
- selector: 'app-login',
- templateUrl: './login.component.html',
- styleUrls: ['./login.component.css']
- })
- export class LoginComponent {
- sesion = false;
- user;
- constructor(public _http:HttpClient,
- public _local:SessionStorageService,
- public _rutas:Router) {
- }
- login(event: Event){
- const url = 'http://localhost/api/public/login';
- this._http.post(url,{
- 'username':this.user.username,
- 'password':this.user.password
- }).subscribe(data => {
- this.user = data;
- this.sesion = true;
- this._local.store('user',data);
- this._rutas.navigate(['/home']);
- console.log('ha ido bien');
- }, error => {
- console.log('error');
- this.sesion = false;
- });
- <form #loginForm="ngForm" (ngSubmit)="login($event)"class="col-sm-5">
- <div class="form-group">
- <label for="username">Username</label>
- <input type="text" class="form-control" id="username" placeholder="Enter
- Username" [(ngModel)]="user.username" #username="ngModel">
- </div>
- <div class="form-group">
- <label for="exampleInputPassword1">Password</label>
- <input type="password" class="form-control" id="password"
- placeholder="Password" [(ngModel)]="user.password" #password="ngModel">
- </div>
- <button type="submit" class="btn btn-primary">Submit</button>
- </form>
Add Comment
Please, Sign In to add comment