检索数据后，数据未显示在离子视图页面上

Question

我正面临在ionic中在View上显示数据的问题。 我已经尝试了一些代码。它还没有工作。当我在ts文件上打印$ person时，得到了[object Object]。我的json obj类似于{“ user_name”：“ user123”，“ full_name”：“ yiemon”，“ email”：“ yiemon@gmail.com”}}。请帮帮我。

这是我的菜单。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}}的方式调用数据之后，数据就会出现。