angular - 将 Json 映射到 Angular 对象

Question

我有以下 JSON 数据

  {
  "columns": [
    {
      "table": "black_list",
      "name": "id",
      "datatype": "uuid"
    },
    {
      "table": "black_list",
      "name": "emailid",
      "datatype": "varchar"
    },
    {
      "table": "black_list",
      "name": "membershipid",
      "datatype": "varchar"
    },
    {
      "table": "black_list",
      "name": "phonenumber",
      "datatype": "varchar"
    }
  ],
  "rows": [
    {
      "id": "59525ac0-9799-11e8-8ea0-897582b5513d",
      "emailid": "bid@email.com",
      "membershipid": "999999",
      "phonenumber": "1234567890"
    }
  ]
}

我的模型是

export interface BlacklistData {
    id: string;
    emailid: string;
    membershipid: string;
    phonenumber: string;   
}

最后我使用下面的代码从 REST API 获取结果并尝试将其映射到我的对象

public GetBlackListData(): Observable<WatchlistData[]> {
        var path = "http://ec2compute/BDEServices/RestSearch?selectCls=all&fromCls=demo.black_list";
        return this.http.get(path)
            .pipe(map((result: Response) => this.BlackListData = result.json()));
    }

我只想使用 JSON 数据的行部分来映射到我的对象，但我不确定该怎么做。谁能告诉我如何有选择地解析 JSON 数据并将其映射到我的对象。

我正在使用 Angular 6 并从 'rxjs/internal/Observable' 导入 { Observable }；

谢谢

Answer 1

只需从您的组件订阅您的服务方法，

this.yourService.GetBlackListData().subscribe(result => this.result =result.rows);

你的模型应该如下所示，

    export interface Column {
        table: string;
        name: string;
        datatype: string;
    }

    export interface Row {
        id: string;
        emailid: string;
        membershipid: string;
        phonenumber: string;
    }

    export interface BlacklistData {
        columns: Column[];
        rows: Row[];
    }