从 Angular 组件中的 JSON 对象获取数据答案

【问题标题】：Get data from JSON object inside Angular Component从 Angular 组件中的 JSON 对象获取数据
【发布时间】：2017-07-02 16:46:25
【问题描述】：

我正在尝试从 JSON 对象获取用户名，但我无法访问，这是我尝试获取用户名的函数：

 getUser()
 {
   if(this.authService.username)
   {
      var username:String;

      /// get the username from this.authService.username
      console.log(this.authService.username);
    }
}

当我将 this.authService.username 打印到控制台时，我得到了这个结果

Object { username: "user", roles: Array[1], token: "user:1499017418257:d6212d3f1ac7251a…", status: "OK" }

我想要的只是存储用户名的值，以便我可以使用它。有什么建议么？谢谢

顺便说一下，我正在使用离子。

【问题讨论】：

this.authservice['username'] 不安全，但应该可以工作。
那么您希望return this.authService.username; 成为您的getUser() 方法的主体吗？我不明白问题是什么。也许是糟糕的命名让你感到困惑？ this.authService.username 不是用户名。它是一个包含用户名的用户对象。所以应该重命名为user。

标签： angularjs json ionic-framework

【解决方案1】：

您在 getUser() 中引用用户对象，重命名该变量将有助于使其更清晰：

getUser()
 {
   if(this.authService.userOb)
   {
      console.log(this.authService.userOb.username);
    }
}

【讨论】：