Json操作TypeScript Angular 2

Miguel Rosales的图片

我来自Python背景,最近开始使用TypeScript和Angular2进行编程。我想知道如何使用TypeScript从JSON对象获取密钥。我有这样的回应:

response.text()

我将此对象传递给一个函数

removeMetaData (my_data: string){
    //(Various manipulation)...etc
}

我已经读过我可以调用json()方法而不是text()如果这样做,我应该使用哪种类型my_data

然后,如果我的JSON如下所示:

{
    "count": 100,
    "next_page": "http://www.test.com/users/?page=2", 
    "prev_page": "http://www.test.com/users/?page=3", 
     "results":[
     {
          "username": "johnny"
     },
     Etc....

     ]

我该如何解析?我读过我可能必须使用一个接口,但我不知道如何使用。

在python中,只是response["next_page"]获取字典的键,然后可以将该值分配给类中的变量。这正是我要在组件中实现的目标。

谢谢你。

添加

list() {
    this.requestService.get(this.api_path)
    .subscribe(
    response => this.populate(response.json()),
    error => this.response = error.text()
    )

}

populate(payload: object) {
    this.count = payload.count;
    this.next = payload.next;
    this.previous = payload.previous;
   *payload.results => this.users = payload.results;******
}
拉文德·库玛(Ravinder Kumar)

声明一个将用作值对象的接口。

export interface IPage
{
 count:number;
next_page:string;
prev_page:string;
results:Array<any>;
...
...
}

var my_data:IPage;

现在将已解析的json值分配给,my_data并使用'。'访问所有属性。运算符即my_data.count, my_data.results

随时提出任何问题。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Json操作TypeScript Angular 2

来自分类Dev

Ionic 2 / Angular - 操作 JSON

来自分类Dev

Angular2 + Typescript:如何操作DOM元素?

来自分类Dev

如何通过*ngFor在angular 2 typescript前端显示json数组

来自分类Dev

带有 Typescript 的 angular2 不接受 JS 中的操作

来自分类Dev

angular2 TypeScript性能

来自分类Dev

订阅TypeScript Angular 2响应

来自分类Dev

Angular 2和TypeScript的承诺

来自分类Dev

解析JSON响应Angular 2

来自分类Dev

Angular2 JSON 返回

来自分类Dev

Angular 2:无法呈现 json

来自分类Dev

Angular2中的CRUD操作

来自分类Dev

如何将 HTTP JSON 响应转换为 HTML(Ionic2、Angular2、TypeScript、PHP、JSON)?

来自分类Dev

Typescript Angular 2如何将JSON数据从服务返回到组件?

来自分类Dev

在Angular 2中将json数据更改为Typescript接口对象

来自分类Dev

Typescript / Angular2:将JSON转换为与Observable和JSONP接口

来自分类Dev

带有tsconfig.json的Visual Studio 2015,Typescript和angular2

来自分类Dev

如何使用TypeScript在Angular 2中将对象正确转换为JSON

来自分类Dev

遍历Typescript中的array / JSON以使用子菜单构建Angular 2模板菜单

来自分类Dev

在Angular 2中将json数据更改为Typescript接口对象

来自分类Dev

使用angular 2和Typescript从URL(Web API)获取Json对象

来自分类Dev

如何使用TypeScript在Angular2处将html输入值解析为json数据

来自分类Dev

Angular2 / TypeScript的编码标准

来自分类Dev

在Angular 2(TypeScript)中遇到* ngIf问题

来自分类常见问题

在Angular 2 + TypeScript中深度复制数组

来自分类Dev

使用Typescript获取Angular 2中的属性

来自分类Dev

在angular2中调用Typescript getter

来自分类Dev

TypeScript,带继承的Angular 2依赖注入

来自分类Dev

Angular 2 typescript invoke javascript function

Related 相关文章

  1. 1

    Json操作TypeScript Angular 2

  2. 2

    Ionic 2 / Angular - 操作 JSON

  3. 3

    Angular2 + Typescript:如何操作DOM元素?

  4. 4

    如何通过*ngFor在angular 2 typescript前端显示json数组

  5. 5

    带有 Typescript 的 angular2 不接受 JS 中的操作

  6. 6

    angular2 TypeScript性能

  7. 7

    订阅TypeScript Angular 2响应

  8. 8

    Angular 2和TypeScript的承诺

  9. 9

    解析JSON响应Angular 2

  10. 10

    Angular2 JSON 返回

  11. 11

    Angular 2:无法呈现 json

  12. 12

    Angular2中的CRUD操作

  13. 13

    如何将 HTTP JSON 响应转换为 HTML(Ionic2、Angular2、TypeScript、PHP、JSON)?

  14. 14

    Typescript Angular 2如何将JSON数据从服务返回到组件?

  15. 15

    在Angular 2中将json数据更改为Typescript接口对象

  16. 16

    Typescript / Angular2:将JSON转换为与Observable和JSONP接口

  17. 17

    带有tsconfig.json的Visual Studio 2015,Typescript和angular2

  18. 18

    如何使用TypeScript在Angular 2中将对象正确转换为JSON

  19. 19

    遍历Typescript中的array / JSON以使用子菜单构建Angular 2模板菜单

  20. 20

    在Angular 2中将json数据更改为Typescript接口对象

  21. 21

    使用angular 2和Typescript从URL(Web API)获取Json对象

  22. 22

    如何使用TypeScript在Angular2处将html输入值解析为json数据

  23. 23

    Angular2 / TypeScript的编码标准

  24. 24

    在Angular 2(TypeScript)中遇到* ngIf问题

  25. 25

    在Angular 2 + TypeScript中深度复制数组

  26. 26

    使用Typescript获取Angular 2中的属性

  27. 27

    在angular2中调用Typescript getter

  28. 28

    TypeScript,带继承的Angular 2依赖注入

  29. 29

    Angular 2 typescript invoke javascript function

热门标签

归档