Ionic 2 :: Unusual TypeError, извлекающий свойство из JSON в угловых - PullRequest
Новая
       1

Ionic 2 :: Unusual TypeError, извлекающий свойство из JSON в угловых

0 голосов
/ 09 декабря 2018

я создал провайдера в своем ионном проекте для извлечения объекта пользователя из хранилища и вот мой кодget 

{
   authcode: "USR_65267H4390"
   church_id: 2
   email: "test@gmail.com"
   fullname: ""An**a A***e""
   id: 55
   phone: "08*****7"
   skills: "Football, chess, scrabble"
}

Данные JSON регистрируются правильно, но затем, когда я пытаюсь сделать это на другом компоненте 

export class HomePage {

    obj: any;

    userObj:any = {
      name:'',
      email:'', 
      phone:'',
      skills:'',
      unit:'',
      church_id:2 //hardcoded on every request...
    };


  constructor(
    public navCtrl: NavController,
    public api: ApiProvider,
    public storage: Storage
  ) {} 

 ngOnInit():void{     

    this.obj = this.api.getStoredUser();

    //console.log(this.obj) - outputs the object above, no errors..
    //if(this.obj.length < 1)  - gives me error too.. i've tried everything 

    if(this.obj !== null){  //------------ this line gives me error.
        this.userObj = {
          name: this.obj.fullname, // ------- this property gives me error.
          email: this.obj.email, 
          phone: this.obj.phone,
          skills: this.obj.skills,
          unit:'', 
          church_id: this.obj.church_id 
        }
    } else{
      // do something else.
    }

  }

Это ошибка, которую я получаю, когда пытаюсь прочитать полное имя... 

 " Uncaught(in promise): TypeError: Cannot read property 
 'fullname' of undefined TypeError: at Homepage.webpack.jsonp

и это ошибка, которую я получаю, когда пытаюсь прочитать длину этого .obj 

  " Uncaught(in promise): TypeError: Cannot read property 
  'length' of undefined TypeError: at Homepage.webpack.jsonp...

Я перепробовал все, и я не знаю, что делать..JSON объект построен правильно, мне нужна помощь.

1 Ответ

0 голосов
/ 09 декабря 2018

метод getStoredUser возвращает обещание , и вы пытаетесь немедленно получить доступ к его значению.

Вы должны получить доступ к возвращаемому объекту после того, как обещание разрешено с использованием метода then: 

this.api.getStoredUser().then(obj => {
      this.userObj = {
          name: obj.fullname, // ------- this property gives me error.
          email: obj.email, 
          phone: obj.phone,
          skills: obj.skills,
          unit:'', 
          church_id: obj.church_id 
        }
});

Или используйте async \ await если вы совместимы с ES7: 

this.obj = await this.api.getStoredUser();

//if(this.obj.length < 1)  - gives me error too.. i've tried everything 

if(this.obj !== null){  //------------ this line gives me error.
    this.userObj = {
      name: this.obj.fullname, // ------- this property gives me error.
      email: this.obj.email, 
      phone: this.obj.phone,
      skills: this.obj.skills,
      unit:'', 
      church_id: this.obj.church_id 
    }
}
...