Как обращаться с JSON в Angular4

Question

Когда я работаю с партнером над написанием веб-сайта, бэкэнд возвращает формат json следующим образом. Мой интерфейс использует angular4, но я не знаю, как использовать angular4 для обработки следующих данных формата json. Это немного хуже и нет метода json.parse.

{ "pageNum":1, "pageSize":4, "size":1, "startRow":1, "endRow":1, "total":1, "pages":1, "list":[ { "owner":"aa", "zh_name":"武世伟：广佛06.19-24搭乘ID（正确）", "push_status":1, "business":1, "create_time":1514256602000, "coupon_status":1, "monitor_status":1, "model_status":3, "message_status":1, "monitor_end_time":1514256602000, "random_group":1, "name":"p_pm_passenger_taxi_20171226105028119", "calc_way":1, "monitor_start_time":1514256602000, "id":11, "model_num":8837 } ], "prePage":0, "nextPage":0, "isFirstPage":true, "isLastPage":true, "hasPreviousPage":false, "hasNextPage":false, "navigatePages":8, "navigatepageNums":[ 1 ], "navigateFirstPage":1, "navigateLastPage":1, "status":200,//状态200正常，400 错误 "firstPage":1, "lastPage":1 }

Answer 1

Angular действительно предоставляет вам метод JSON.parse (), который на самом деле является производным от JavaScript. Вы можете преобразовать ваш ответ сервера json в объект.

// in your component
private object;

Тогда вы можете получить доступ к контенту. Например:

// call this method after having received your json
private show(data: any): void {
    this.object = JSON.parse(data);
    console.log(this.object.pageNum);
    console.log(this.object.total);
    console.log(this.object.list[0].zh_name);
}