小编Lky*_*shu的帖子

如何从component.ts文件中的Angular 2中的json Response获取键/值对

注意:我不需要一个解决方案来迭代HTML模板中的json数据.我可以通过*ngFor来做.我想在component.ts中实现它,我实际上得到了响应.

我在propload.service.ts中有一个服务,它提供了属性文件中的键和值对列表.

 `getData(): Observable<Object[]> {
 return this.http.get(this.dummyDataUrl)
 .map((response:Response)=>response.json())
 .catch(this.handleError);
 }`
Run Code Online (Sandbox Code Playgroud)

我在demo.component.ts文件中调用此服务,如下所示

 `ngOnInit():void
 {
 this.dummyService.getData().subscribe(response=>  {
 console.log(response)
 });
 }`
Run Code Online (Sandbox Code Playgroud)

在这里,我能够在控制台中记录完整的json响应对象,我可以使用chrome中的开发人员选项查看.如果我展开该对象,那么我将获得来自属性文件的键值对.直到这么多,它工作正常.

我无法从第二个代码片段中的响应对象访问键值对,就在console.log()的正下方,我希望能够有一些for循环或其他一些方式让我可以单独获取键值对.

最终任务是能够将这些数据存储在浏览器的会话存储中.我已经有了这样做的方法,但为此我需要单独的键和值对,以便能够在两者之间执行一些修改,然后在会话存储中记录相同的内容.

我尝试了一些内置的方法,比如response.keys,它应该返回所有键的列表,但是如果我尝试记录它仍然在控制台中,我每次都会得到未定义的.

任何人都可以建议我如何得到结果?

同样非常感谢.

typescript angular2-services angular

2
推荐指数
1
解决办法
7826
查看次数

标签 统计

angular ×1

angular2-services ×1

typescript ×1