Question

我在Angular 4应用程序上做了一项新服务，但它没有调用后端，我不知道它是什么：

// ANGULAR 4

"required"

// API REST SPRING

findTipoProducto(): Observable<Combo> {
    console.log("entro en findTipoProducto");
    return this.http.get(`${this.resourceUrl}/bytipo`);
}

该项目是可操作的，其余的工作正常，这是我提出的两段代码中的一些语法。

非常感谢，如果有人能帮助我的话。

Answer 1

在服务中：

 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方法，例如

查找api服务。 Angular 4

1 个答案: