如何将angular 2前端表单数据传递给lumen api BackEnd

Question

我是 angular2 和 lumen 框架的新手。然后我将我的 Web 应用程序开发为两个独立的项目 -> 前端 - angular2-> 后端 - 流明

现在我已经开发了后端功能，以便在从邮递员那里转移 Jason 对象时更新用户，例如

{ "salutation":"Mr", "name":"Test Name", "lastname":"Test last name", "email":"testUser@gmail.com", "address":"123/1, Village, some text" }

它正在正确更新表格。

在我的前面，我有一个带有 angular2 的表单。就像

然后我想知道如何创建关系以使用 Lumen 更新表。 我的 api 网址是 ->

http://localhost:8000/v1/passenger/1/updatePassenger.

谁能解释一下这样做的机制。

Answer 1

您应该首先使用数据绑定将数据从视图获取到您的组件，然后使用 http 客户端模块将此数据发送到 api 后端，然后您会得到响应。

查看此链接 https://angular.io/api/common/http/HttpClient#patch

如果您使用 localhost 进行测试，则需要覆盖 Cross origin