How to display variables after HttpClient request?

Question

Angular

ngOnInit(){
        this.httpService.getPerson().subscribe(data => this.person=data);
        this.httpService.getEquipment().subscribe(data => this.equipment=data);        
}

I tried to get the data:
{{ person.name | async }}
outputs: TypeError: Cannot read property 'name' of undefined - that is, as I understand it, person has not yet been received by this time, it
{{ person?.name }}
displays emptiness and nothing else happens to it
-------- I
searched on the Internet, but found nothing other than these two options. How do I get the data in the template from an async call?
Please throw off books, links or write a phrase by which I can find the necessary information. Thanks in advance.