如何使用选定的数据与角度答案

【问题标题】：how to use selected data with angular如何使用选定的数据与角度
【发布时间】：2021-01-22 08:59:37
【问题描述】：

我是 Angular 和编程方面的初学者，我目前正在使用 Angular，我需要有关如何使用所选数据的帮助。

例如，我希望能够使用人员编号see the picture 并将其发送到后端。我需要有关如何实现这一目标的帮助，并希望获得有用的学习资源的链接。提前谢谢你

【问题讨论】：

你好。添加相关代码 sn -p 而不是 image 更有帮助。
如果我得到您，您是在寻求有关如何从外部源将数据导入应用程序的帮助，如果我是正确的，数据是 JSON 格式还是来自图像，例如样本中的那个

标签： json angular typescript frontend backend

【解决方案1】：

与 Angular 的后端交互是通过 @angular/common/http 命名空间下的 HttpClient 进行的。确保您已在 AppModule

中导入 HttpClientModule

之后，您将通过依赖注入将 HttpClient 服务声明为您的构造函数的参数，从而在您的组件中使用它。类似的东西

constructor(private httpClient: HttpClient){
}

HttpClient 提供 get、post、put、delete 方法来与服务器交互，基于您调用的服务器端 api。 Angular official website 有非常详细的关于 HttpClient 功能的文档。请找到链接

https://angular.io/guide/http

例如，如果您正在发出 get 请求，您只需提供后端服务的 url 并附加参数，如下所示

this.httpClient.get<any>(`http://yourapiurlwillgohere?phoneNo=${this.phoneNumber}`).subscribe(res=>{
console.log('server side response is');
console.log(res);
});

【讨论】：

是的。我可以发出获取和发布请求以从数据库接收数据并添加数据。这就是得到。 getBorrows(): Observable { const url = (${this.borrower_Url});控制台.log(url); return this.httpClient.get(url).pipe(tap( _=> console.log("borrows loaded") )); };