Angular 使用Laravel api进行服务器端角度验证

我正在为一个应用程序使用Angular--11前端d Laravel-8后端。我有一条从后端开发的json错误消息：

自定义错误消息的格式如下：

{
    "message": "User already exists",
    "error": true,
    "code": 500
}

angular signup.component.ts如下所示：

导出类注册组件实现OnInit{
form！：FormGroup；
建造师(
私人fb:FormBuilder，
私人api:ApiService，
专用令牌：令牌服务，
专用路由器：路由器，
私人通知：SnotifyService
) {}
ngOnInit（）：void{
this.form=this.fb.group({
第一个名称：[''，验证器。必需]，
姓氏：[''，验证器。必填]，
电子邮件：[''，验证器。必填]，
密码：[''，验证程序。必需]，
确认密码：[''，验证器。必需]，
条款：[“假”]
})
}
onSubmit（）{
const formData=this.form.getRawValue（）；
常数数据={
first_name:formData.first_name，
姓氏：formData.last_name，
电子邮件：formData.email，
密码：formData.password，
确认密码：formData.confirm\u password，
术语：formData.terms
};
喷火({
位置：'中间'，
图标：“成功”，
标题：“您已成功注册！请检查您的邮件以了解帐户激活情况”，
showconfixton:false，
计时器：3000
});
常数头={
“内容类型”：“应用程序/json”
};
返回此.api.post（'auth/signup'，data，header）。订阅(
（结果：任何）=>{
this.router.navigate（['/auth']）；
},
);
}

将这些服务器端验证转换为Angular是什么意思？我的意思是我想实现服务器端验证。在Angular FrontEnd中显示服务器端错误、验证和成功。那么，这有什么问题吗？您尝试过做什么？这是一个正常的API/REST，您可以从中获取信息标准化格式。@matiaslauriti-我的问题是如何将其集成到Angularwe的当前代码中。我们的代码不是“免费”的，你必须尝试过一些东西，所以不是“我想创建NASA，怎么做？”