пытаюсь вывести список заказов, там поля: номер заказа, дата и ID покупателя. не пойму, как вместо ID покупателя на клиенте отображать ФИО? список покупателей и список заказов - это 2 сервиса.
import { Component, Input, OnInit} from '@angular/core';
import { Person } from './person';
import { Order } from './order';
import { OrderService } from './order.service';
import { Observable } from 'rxjs/Observable';
import { Http, Response, Headers } from '@angular/http';
import 'rxjs/add/operator/map';
@Component({
selector: 'list-order',
template: `
<ul>
<li *ngFor="let order of orders">
{{order.dateOrder}} {{order.personId}}
</li>
</ul>
`,
providers: [OrderService, PersonService]
})
export class ListOrderComponent implements OnInit {
orders: Order[];
persons: Person[];
http: Http;
constructor(private orderService: OrderService, private personService: PersonService) { }
ngOnInit(): void {
this.orderService.getAllOrders().subscribe(orders => this.orders = orders);
}
}
person.service.ts:
import { Injectable } from '@angular/core';
import { Person } from './person';
import { Http, Response } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/catch';
import 'rxjs/add/operator/map';
@Injectable()
export class PersonService {
constructor (private http: Http) {}
getPersons(): Observable<any> {
return this.http.get('http://localhost:8080/persons').map(res => res.json())
}
}
с бэкенда возвращается ID и ФИО человека
PersonService
?