Как передать некоторую строку или данные из API в угловой компонент в angular 6?

Question

Я получаю строку из ответа URI в контроллере API.Теперь я хочу взять этот ответ (строку) в какую-то часть внутри углового.

string email = jsonResponse.Substring(41, brace - 42);

Это строка, которую я хочу взять в угловую часть.адрес для углового является localhost: 4200 и localhost: 5000 для API.

Answer 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