Question

我正在使用角4和离子3＆amp;我在html上显示的json中收到错误无法获取属性'状态'未定义或空引用

这是我的家。：

  @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']);

无法获取属性'status'未定义或null refrence Angular 4

1 个答案: