Am new to typescript and angular2 and learnining this and i have this issue. I have a form that i would like to show the results of an array of items but these items keep changing everytime so i dont now the actual index of the returned results.
This is the case
I have this form.html
<span style="color:red">{{usererror.username}} </span>
...other items here
<span style="color:red">{{usererror.password}} </span>
Now in the component
export class LoginComponent implements OnInit{
public usererror={
username:"",
password:""
}
//this function is called after a post request
onLoginError(error:any){
let message= JSON.parse( error._body);
console.log(error._body); //first log
console.log(message) //second log
}
}
As from the above function the first log returns an array of the form
[{"field":"username","message":"Username cannot be blank."},
{"field":"password","message":"Password cannot be blank."}]
Now i would like to assign the username and password variables in the above usererror so that they can be displayed
So something like this
onLoginError(error:any){
let message= JSON.parse( error._body);
let message= JSON.parse( error._body);
for (var i=0; i<message.length; i++){
this.usererror.message[i].field = message[i].message; //this fails since the
//usererror doesnt have (message[i].field) property
}
}
sometimes the returned results dont have a username field and sometimes the password field. How do i go about this, am still new to angular2 and typescript
