Mostrar Json Array Angular 5 HttpClient
Soy un principiante en Angular5 y necesito tu ayuda ...
Hice una API en mi backend (Java / Spring Boot) a la que puedo acceder conhttp://localhost:8080/applications
Con esta API quiero recuperar una porción de datos (es una matriz JSON).
Intento recuperar datos con httpClient en mi Angular pero tengo este resultado en mi interfaz: [object Object]
Este miapp.component.ts
import {Component, Injectable} from '@angular/core'; import {HttpClient, HttpErrorResponse} from "@angular/common/http"; import {Observable} from "rxjs/Observable"; import 'rxjs/add/operator/map'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent { url = 'http://localhost:8080/applications'; res = []; constructor(private http: HttpClient) { } ngOnInit(): void { this.http.get(this.url).subscribe(data => { this.res = data; console.log(data); }, (err: HttpErrorResponse) => { if (err.error instanceof Error) { console.log("Client-side error occured."); } else { console.log("Server-side error occured."); } }); } }
Mi interfaz de aplicaciónApplication.ts
interface Applications { id : number; type : string; port : string; baseUrl : string; architecture : string; protocol : string; serveur : string; }
¿Cómo puedo mostrar mis datos?
Gracias por adelantado