Angular 如何从服务获取component.ts中的可见数据(可观察模式)
服务Angular 如何从服务获取component.ts中的可见数据(可观察模式),angular,angular2-forms,angular2-services,angular2-directives,Angular,Angular2 Forms,Angular2 Services,Angular2 Directives,服务 get_update(id:any): Observable<any[]>{ let headers = new Headers({ 'Content-Type': 'application/json'}); let options = new RequestOptions({ headers: headers }); return this.http.get('http://localhost:8000/vendor/'+id,options)
get_update(id:any): Observable<any[]>{
let headers = new Headers({ 'Content-Type': 'application/json'});
let options = new RequestOptions({ headers: headers });
return this.http.get('http://localhost:8000/vendor/'+id,options)
.map(response => response.json())
.catch(error => Observable.throw(error.statusText));
}
component.ts
ngOnInit()
get_update(id:any):可观察{
let headers=新的头({'Content-Type':'application/json'});
let options=newrequestoptions({headers:headers});
返回此.http.get('http://localhost:8000/vendor/“+id,选项)
.map(response=>response.json())
.catch(error=>Observable.throw(error.statusText));
}
组件技术
恩戈尼尼特()
{
this.service.get_update(this.user).subscribe(数据=>console.log(数据))
}
我想将数据存储到另一个变量中,并将其转换为全局变量。我想您想记录响应吗? 你只需要
this.service.get_update(this.user).subscribe(update => console.log(update),
error => console.log(error));
您可以记录响应,也可以在模板中插入update变量的值
this.service.get_update(this.user).subscribe((response) => {
this.varibleName = response;
console.log(this.varibleName);
}, (error) => {
console.log(error);
});
或者在模板中
{{variableName | json}}
此外,还可以选择使用异步管道
this.serviceData=this.service.get_update(this.user.map)(res=>res.json())
感谢您的回复。我试过了,但我还没有明白