src/app/views/login/login.component.ts

/// <reference path="../../../../typings/index.d.ts"/>
import {Component} from '@angular/core';
import {Router} from '@angular/router';
import {IAuthRequest, IAuthResponse} from '../../interfaces/auth.interface';
import {StyleConfig} from '../../config/style.config';
import {AuthService} from '../../services/rest/auth.service';

export class Auth {
  constructor(
    public username: string,
    public password: string
  ) {
  }
}

@Component({
  selector: 'xos-login',
  template: require('./login.html'),
  providers: [AuthService],
})
export class LoginComponent {
  public auth: IAuthRequest;
  public brandName;
  constructor(private AuthService: AuthService, private router: Router) {
    this.auth = new Auth('', '');
    this.brandName = StyleConfig.projectName;
  }

  onSubmit(auth: IAuthRequest) {
    this.AuthService.login(auth)
      .subscribe(
        (user: IAuthResponse) => {
          this.router.navigate(['/']);
        }
      );
  }
}