Data object is not displayed in view

Ionic Framework
1

I have an issue of displaying json object on ionic view . I have retrieved the data from API with http native. when I print out , it looks like this {“user_name”:“user123”, “full_name”: “yiemon”, “email":"yiemon@gmail.com”}. I added it into object and try to display it on View.

here is my menu ts file.

async ionViewWillEnter() {
this.person = from(this.authService.getProfile().then((res) => {
this.authService.setProfile(res.data);
console.log(res.data);
return res.data;
}));

Here is my menu.html

<ion-col class=“menu_bottom” *ngFor=“let item of (person$ | async)”>

 {{item.user_name}}

Thank you for your help.