如何将一些字符串或数据从 API 传递到角度 6 中的角度组件?
Posted
技术标签:
【中文标题】如何将一些字符串或数据从 API 传递到角度 6 中的角度组件?【英文标题】:How to pass some string or data from API to an angular component in angular 6? 【发布时间】:2020-01-26 12:17:30 【问题描述】:我从 API 控制器中的 URI 响应中获取字符串。现在我想将此响应(字符串)带到角度内部的某个部分。
string email = jsonResponse.Substring(41, brace - 42);
这是我想带入角度部分的字符串。 Angular 的地址是 localhost:4200,而 localhost:5000 是 API 的地址。
【问题讨论】:
您到底想达到什么目的?要将值绑定到模板吗? 我想把这个字符串从api带到角度组件 您是否在 Angular 应用服务中获取字符串? 我在 .Net API 控制器中得到这个字符串。它在 API 部分而不是在角度部分。 AJAX 【参考方案1】:你可以在这个服务中创建一个你必须添加这个的服务:
import HttpClient from '@angular/common/http';
export class RequestService
constructor(public http: HttpClient)
apiUrl : string = "http://localhost:5000";
getResponse() : Observable<string>
return this.http.get<string>(this.apiUrl+"/calledMethod");
在您的 app.component.ts 中:
import RequestService from './request.service'
import Component, OnInit from '@angular/core';
export class AppComponent implements OnInit
stringResult : string = ""
constructor(private request : RequestService)
ngOnInit()
this.showResponse()
showResponse()
this.request.getResponse().subscribe(
r => this.stringResult = r,
err => console.log(err)
)
在您的 app.component.html 中完成:
stringResult
示例: API request
【讨论】:
没关系!但是由于我在 API 中,如何从 API 方法触发这个 getResponce()?? @HurAbbas 你在 API 中吗?我不明白。 @HurAbbas 你想在你的 api 中创建一个方法,然后在 angular 中调用它? 我得到这个字符串以响应一个名为 URI 的重定向 url 是 localhost:5000,因此在获取响应后,我在 api 中,现在我想把这个结果带到 angular部分。 然后按照服务从你的api调用你的方法的步骤来获取响应,组件将字符串放入一个变量中,你的html显示变量的内容。以上是关于如何将一些字符串或数据从 API 传递到角度 6 中的角度组件?的主要内容,如果未能解决你的问题,请参考以下文章