如何在Ionic + angular中将json对象转换为用户配置文件界面

时间:2017-11-21 11:24:30

标签: firebase-realtime-database ionic3

我正在使用ionic中的方法来使用用户uid从firebase检索特定的用户记录,以便我可以编辑用户配置文件。我创建了一个用户界面和方法工作正常是检索对象格式化中的用户,但我想将检索记录转换为用户对象/接口。我得到了

[{
    "dob":"2004-07-14",
    "email":"mona@gmail.com",
    "firstName":"mona",
    "gender":"f",
    "lastName":"mona",
    "uid":"KiaLuMJuDmTBBAVQpRgHgR2"
}] 

通过控制台登录用户记录。这样我就可以在模板中访问user.name了。我是Ionic的新手。我无法访问user.firstName。无论如何还有其他解决方案来访问模板中的记录来执行此操作吗? 谢谢!

用户界面

 export interface User{
        firstName: string;
        lastName: string;
        email: string;
        gender : string;
        dob : any
    }

方法代码

   getUserProfile(){
       this.db.list('/profiles', ref => ref.orderByChild('uid').equalTo(this.id)).valueChanges().take(1)
        .subscribe(item  => {
            this.user = JSON.stringify(item);
            console.log(JSON.stringify(item));
        },
        err => console.log("error in retrieving user from profile : "+err),
        () => console.log("user profile"));
      }

0 个答案:

没有答案