When I tried "ng serve" with angular 9, it is saying "error" field doesn't exist in login.component.ts

[Bhaskar1312]

Property 'error' does not exist on type 'LoginComponent'.

1 <div class="alert alert-danger" [hidden]="!error">...

..with files login.component.ts and login.component.html

[jeffreyhilaire]

Sounds like the "error" variable does not exist in login.component.ts ?

[ssjlee93]

This is what I did:

login.component.ts

export class LoginComponent {
  // added a new variable 
  error = "";

  credentials = {username: '', password: ''};

  constructor(private app: AppService, private http: HttpClient, private router: Router) {
  }

  login() {
    this.app.authenticate(this.credentials, () => {
        this.router.navigateByUrl('/');
    });
    return false;
  }

}