ичок в Angular5, и мне нужна ваша помощь ...

Я сделал API в своем бэкэнде (Java / Spring Boot), к которому я могу получить доступhttp://localhost:8080/applications

С помощью этого API я хочу получить порцию данных (это массив JSON).

Я пытаюсь получить данные с помощью httpClient на моем Angular, но у меня есть этот результат в моем веб-интерфейсе: [object Object]

Это мойapp.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.");
            }
          });

      }

    }

Мой интерфейс приложенияApplication.ts

    interface Applications {

      id : number;
      type : string;
      port : string;
      baseUrl : string;
      architecture : string;
      protocol : string;
      serveur : string;

    }

Как я могу отобразить мои данные?

заранее спасибо