import { Component } from '@angular/core';
import { AlertService } from '../../shared/alert/services/alert.service';
import { AuthRequest, AuthService } from '../../auth/services/auth.service';
import { Router } from '@angular/router';

@Component({
    selector: 'sign-in',
    templateUrl: './sign-in.component.html',
})
export class SignInComponent {
    constructor(private authService:AuthService, private router: Router ,private alertService: AlertService) { }

    model= {
        login: "", password:"", remember:true
     };
    login(){
        const authRequest: AuthRequest = {
            userName: this.model.login,
            password: this.model.password,
            rememberMe: this.model.remember
        };
        this.authService.login(authRequest).subscribe(_=>{
            this.router.navigate(['/']);
        }, error=>this.alertService.error("Неверный логин или пароль"));
    }
}

import { Component } from '@angular/core';
import { AlertService } from '../../shared/alert/services/alert.service';

@Component({
    selector: 'sign-in',
    templateUrl: './sign-in.component.html',
})
export class SignInComponent {
    constructor(private alertService: AlertService) { }

    model:any={};
    login(){
        this.alertService.error("Неверный логин или пароль");
    }
}

--- 
+++ 
@@ -1,15 +1,26 @@
 import { Component } from '@angular/core';
 import { AlertService } from '../../shared/alert/services/alert.service';
+import { AuthRequest, AuthService } from '../../auth/services/auth.service';
+import { Router } from '@angular/router';
 
 @Component({
     selector: 'sign-in',
     templateUrl: './sign-in.component.html',
 })
 export class SignInComponent {
-    constructor(private alertService: AlertService) { }
+    constructor(private authService:AuthService, private router: Router ,private alertService: AlertService) { }
 
-    model:any={};
+    model= {
+        login: "", password:"", remember:true
+     };
     login(){
-        this.alertService.error("Неверный логин или пароль");
+        const authRequest: AuthRequest = {
+            userName: this.model.login,
+            password: this.model.password,
+            rememberMe: this.model.remember
+        };
+        this.authService.login(authRequest).subscribe(_=>{
+            this.router.navigate(['/']);
+        }, error=>this.alertService.error("Неверный логин или пароль"));
     }
 }
Modify Login Component to call API and authenticate
