422 (Unprocessable Entity)

[Devikrishna-J]

I'm new to Angular Js. Below is a simple bank application, user can register,login the application. After successful login user can deposit ,withdraw cash and view his transaction history. Register and Login is working. Deposit not working showing below error Showing server error in browser as POST http://localhost:3000/deposit 422 (Unprocessable Entity)

data.services.ts file

const options={ headers: new HttpHeaders({ 'Content-Type': 'application/json' }) } //deposit API deposit(acno:any,pswd:any,amnt:any){ const data={ acno, pswd, amnt }

//deposit api
return this.http.post("http://localhost:3000/deposit",data,this.getOption())

}

//get options in httpheaders getOption(){ const token = JSON.parse(localStorage.getItem("token")||'')

let headers = new HttpHeaders({ 'Content-Type': 'application/json' })
if(token){
    headers = headers.append('x-access-token',token)
    options.headers = headers
}
return options

}

deposit components.ts file

deposit(){

var acno=this.depositForm.value.acno
var pswd=this.depositForm.value.pswd
var amnt=this.depositForm.value.amnt

if(this.depositForm.valid){
  var result= this.ds.deposit(acno,pswd,amnt)
  .subscribe((result:any)=>{
      if(result){
        alert(result.message);
      }
  },
      (result)=>{
        alert(result.message)
      }
  )

}

}