данные не отображаются на странице ионного просмотра после получения данных

Question

Я столкнулся с проблемой отображения данных о View в ионном режиме.Я попробовал некоторый код.Это еще не сработало.Когда я печатаю $ person в файле ts, я получаю [объект Object].Мой json obj похож на {"user_name": "user123", "full_name": "yiemon", "email": "yiemon@gmail.com"}. Пожалуйста, помогите мне.

Это мое menu.ts

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

    console.log("User_"+this.person$);
    //this.username=this.authService.userProfile.username;
  }  

Это мое menu.html

  <ion-col class="menu_bottom" >
          <!--  {{(person$ | async)?.user_name}} -->
           <!-- {{person$.user_name}} --> 
            {{person$?.user_name}}         
   </ion-col>

Answer 1

После анализа объекта JSON и вызова данных таким образом {{userProfile.user_name}} данные отображаются.