Mostrar Json Array Angular 5 HttpClient
Sou iniciante no Angular5 e preciso da sua ajuda ...
Fiz uma API no meu back-end (Java / Spring Boot) que posso acessar comhttp://localhost:8080/applications
Com esta API, quero recuperar um pedaço de dados (é uma matriz JSON).
Eu tento recuperar dados com httpClient no meu Angular, mas tenho esse resultado no meu frontend: [object Object]
Este meuapp.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."); } }); } }
Interface My ApplicationApplication.ts
interface Applications { id : number; type : string; port : string; baseUrl : string; architecture : string; protocol : string; serveur : string; }
Como posso exibir meus dados?
desde já, obrigado