我有一个小问题,我不知道,当用户输入错误的密码时,如何在我的 view.html 中传递错误消息。
问题已解决
login.component.ts
export class LoginComponent implements OnInit {
error : string;
loginUserData = {}
constructor(private auth: AuthService, private router: Router) { }
ngOnInit() {
}
loginUser(){
this.auth.loginUser(this.loginUserData).subscribe(
res => {
localStorage.setItem('token', res.token);
this.router.navigate(['/special']);
},
err => {
if( err instanceof HttpErrorResponse ) {
if (err.status === 500) {
this.error = errLogin.error.message;
}
}
}
)
}
}
login.component.html
<div class="card-header">
<h3 class="mb-0">Login</h3> {{ error }}
</div>
最佳答案
声明一个变量名错误
error : string;
然后像这样赋值,
loginUser(){
this.auth.loginUser(this.loginUserData).subscribe(
res => {
localStorage.setItem('token', res.token);
this.router.navigate(['/special']);
},
err => {
if( err instanceof HttpErrorResponse ) {
if (err.status === 500) {
this.error = err.status
}
}
}
)
}
并在组件中用作,
<div class="card-header">
<h3 class="mb-0">Login</h3> {{ error }}
</div>
关于view.html 中的 Angular HttpErrorResponse,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50320197/