import { Component, OnInit } from '@angular/core'; import { FormGroup, FormBuilder, Validators } from '@angular/forms'; import { Router } from '@angular/router'; import { PlatformService } from '../../main/platform/shared/platform.service'; import { AuthService } from '../../shared/services/auth.service'; @Component({ selector: 'login', templateUrl: './login.component.html', styleUrls: ['./login.component.less'] }) export class LoginComponent implements OnInit { loginForm: FormGroup; errMsg: string; constructor(private fb: FormBuilder, private authServ: AuthService, private router: Router) { } _submitForm() { for (const i in this.loginForm.controls) { this.loginForm.controls[ i ].markAsDirty(); } if (!this.loginForm.valid) return; this.authServ.login(this.loginForm.value).subscribe(data => { if (data.code === 200) { // this.authServ.isLoggedIn = true; this.router.navigate(['/platform']); } else { // this.loginForm.controls['password']. // this.loginForm.controls['password'].setErrors({ "wrong": true }); this.errMsg = data.message; } }); } ngOnInit() { this.loginForm = this.fb.group({ username: [ null, [ Validators.required ] ], password: [ null, [ Validators.required ] ], rememberMe: [ true ], }); } }