Как вывести переменные после HttpClient запроса?

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

Пробовала получить данные:
{{ person.name | async }}
выводит:TypeError: Cannot read property 'name' of undefined - то есть как я понимаю еще не получено person к этому времени
{{ person?.name }}
выводит пустоту и больше ничего с ним не происходит

--------
Искала в интернете, но ничего не нашла кроме этих двух вариантов. Как мне получить данные в шаблоне из асинхронного вызова?
Прошу скинуть книги, ссылки или фразу написать, по которой я смогу найти нужную инфу. Заранее спасибо.