无法获得属性“状态”未定义或空参考Angular 4

Question

我正在使用 angular 4 和 ionic 3，我收到一个错误无法从我在 html 上显示的 json 获取属性“状态”未定义或空引用

这是我的家.ts：

  @Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  data: Object;
  userDetails : Object;

 constructor(public navCtrl: NavController, public navParams: NavParams, public homeService: HomeServiceProvider, public app: App) {
        this.homeService.home().then((result) => {
        this.data = result ;
        //localStorage.setItem('token', this.data.users_username);
        this.userDetails = this.data['_body'];
        console.log(this.data['_body']) ;
        this.navCtrl.setRoot(MenuPage);
      }, (err) => {
        console.log(`Backend returned code ${err.status}, body was: ${err.error}`);
    });
  }

dan ini home.html：

  <ion-header>
  <ion-navbar>
      <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>Home</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
 <li>{{userDetails?.status}}</li>
</ion-content>

这是我的 json 结构：

{
        "status": 1,
        "message": "success"
}

有没有人可以帮助我并告诉我为什么？ 谢谢

Answer 1

如果您的 json 如上所述，它应该可以工作。如果不尝试解析它然后显示它

this.userDetails = JSON.parse(this.data['_body']);