как отобразить данные JSON в угловой таблице из Mongodb

Question

технологий, используемых angular6 веб-сервисами Amazon с python и mongodb Я пытаюсь найти конкретные детали из mongodb, отправив идентификатор электронной почты на сервер. но в ответ я получаю целые значения таблицы во внешнем интерфейсе. введите описание изображения здесь введите описание изображения здесь

введите описание изображения здесь

введите описание изображения здесь

//test.service.ts
import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { map } from 'rxjs/operators';


@Injectable({
providedIn: 'root'
})
export class TestService {

constructor(private http:HttpClient) { }


getOut(){
return this.http.get<any>('https://w0p01qel41.execute-api.us-east- 
1.amazonaws.com/python/db')
}

search(email){
 let httpOptions = {
  headers: new HttpHeaders({
    'Content-Type': 'application/json'
  })
 }
  let INFO =  Object.assign(email);
  let body = JSON.stringify(INFO);
  return this.http.post<any>('https://w0p01qel41.execute-api.us-east- 
  1.amazonaws.com/python/db', body, httpOptions);
 }


 // reg(email): Observable<any>{
// return this.http.post<any>('https://w0p01qel41.execute-api.us-east- 
1.amazonaws.com/python/db/email',{ email:email }); 
//} 

//reg(firstName, lastName, email) {
//  return this.http.post('https://vwabl3g6ig.execute-api.us-east-1.amazonaws.com/dev/form/',{firstName, lastName, email});
//}

reg(first_name, last_name, email) {
let httpOptions = {
headers: new HttpHeaders({
 'Content-Type': 'text/plain'
})
}
 let INFO =  Object.assign(first_name,last_name,email);
 let body = JSON.stringify(INFO);

 return this.http.post<any>('https://fc0vckchz5.execute-api.us-east- 
 1.amazonaws.com/node/nodetest', body, httpOptions);
 } 


}





   //user.details.components.ts
  import { Component, OnInit } from '@angular/core';
  import { TestService } from '../test.service';

  @Component({
  selector: 'app-user-details',
   templateUrl: './user-details.component.html',
    styleUrls: ['./user-details.component.css']
   })
  export class UserDetailsComponent implements OnInit {

   constructor(private testservice: TestService) {}

   ngOnInit() {
    }
   logs: any = []

   data(email) {

       let Email = { email : email };
       this.testservice.search(Email).subscribe(
       data => {
        console.log(data);
        return true;
      }
      );  

        this.testservice.getOut().subscribe((data : any) =>this.logs = 
       data);
      console.log();

       }


      }





  //htmlcode

   <form #f="ngForm">
   <div class="form-group" >
    <label for="email">Email:</label>
    <input class="form-control" rows="5" name="email" id="email" 
           [(ngModel)]="new_email" #email="ngModel">
    </div>
    <div class="form-group">  <button type="button" class="btn"  
           (click)="data(new_email)">Search</button> </div>
         </form>


         <table class="table table-striped">



         <tr *ngFor="let log of logs ">


           <td >{{log.first_name}}</td>
            <td >{{log.last_name}}</td>

               <td >{{ log.email }}</td>



                </tr>

                </tbody>
             </table>