无法在angular2中打印对象的值答案

【问题标题】：Not able to print value of object in angular2无法在angular2中打印对象的值
【发布时间】：2017-11-03 10:55:11
【问题描述】：

我在 Angular2 中有一个对象，如下所示：

userDetails = {"userId":23,"first_name":"Rajesh","last_name":"Kumar"}

现在每当我尝试在 html 文件中打印 userDetails.first_name 的值时，浏览器就会出现错误

ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'first_name' of undefined.

请帮助我了解根本原因。

【问题讨论】：

您能添加更多详细信息吗？就像您为 userDetails 创建了任何模型一样，您正在使用此 userDetails 的代码。使用前尝试在控制台中打印对象。
我正在调用后端 API 来获取此值。我在一个组件中使用这个值。此对象在控制台中的值为 Object {first_name: "Rakesh", last_name: "Kumar", profile_summary: "This is my Summary", email: "test", mobile: "1234567890"} 。
您尝试过使用 json.parse(userDetails) 吗？查看以下示例：stackoverflow.com/q/40205621/5527977 或 w3schools.com/js/js_json_parse.asp
是的，我已经这样做了。
你初始化userDetails了吗？请在组件中定义为private userDetails = {}

【解决方案1】：

您的对象 userDetails 未定义，这就是您收到此错误的原因，尝试控制 userDetails 的值并检查它是否返回空值。请分享您的回应。

【讨论】：