查找api服务。角度4
查找api服务。角度4
提问于 2017-05-20 21:10:41
我在我的Angular 4应用程序上做了一个新的服务，但它不调用后端，我不知道它是什么：
//ANGULAR 4
findTipoProducto(): Observable<Combo> {
console.log("entro en findTipoProducto");
return this.http.get(`${this.resourceUrl}/bytipo`);
}//API REST弹簧
@GetMapping("/combos/bytipo")
@Timed
public ResponseEntity<List<ComboDTO>> getByTipo() {
log.debug("REST request to get Combos by Tipo");
List<ComboDTO> list = comboService.findByTipo(TipoCombos.PRODUCTO);
return new ResponseEntity<>(list, HttpStatus.OK);
}该项目是可操作的，其余的事情都可以工作，它是我放在两段代码中的一些语法。
非常感谢，如果有人能帮我的话。
回答 1
Stack Overflow用户
发布于 2017-08-28 01:01:09
在服务中：
findTipoProducto(): Observable<Combo> {
return this.http
.get(url,photo,options)
.map( res => { return res; } )
.catch((err:Response) => {
return Observable.throw(err);
});
}在组件中：
import {YourServiceName} from 'path';
import { Component} from '@angular/core';
import { Router } from '@angular/router';
export class YourComponent{
Declare your bodyResponseAsObject
...
constructor(
private router:Router,
private yourServiceName:YourServiceName
) { }
...
onSubmit(){
let res = this.yourServiceName.findTipoProducto();
res.subscribe(
data=> { this.bodyResponseAsObject = JSON.parse(data.text()) },
err =>
{
this.router.navigate(['/',err.status]);
}
);
}HTML :对按钮输入触发onSubmit方法，例如
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44086287
复制相关文章
相似问题
腾讯云开发者
