извлечение данных и разбор из api ionic angular 4

Question

У меня есть этот API, есть функция для получения данных из API. Страница содержит элементы страницы, элементы страницы - данные, в поле данных сохранены заголовок, текст, изображение. Как получить данные из полевых данных?

getMenu() {
return this.http.get('http://site.dev/api/menu/7');}

{
"id": 26,
"name": "Default",
"title": "default",
"pageelements": [
  {
    "id": 15,
    "page_id": 26,
    "element_type_id": 3,
    "data": "{\"image\":\"download.jpg\"}",
    "created_at": "2018-04-20 10:08:24",
    "updated_at": "2018-04-20 10:12:05",
    "position": 1
  },
  {
    "id": 16,
    "page_id": 26,
    "element_type_id": 1,
    "data": "{\"title\":\"Naslov neki\"}",
    "created_at": "2018-04-20 10:10:11",
    "updated_at": "2018-04-20 10:12:05",
    "position": 2
  },
  {
    "id": 18,
    "page_id": 26,
    "element_type_id": 1,
    "data": "{\"title\":\"Naslov 2\"}",
    "created_at": "2018-04-20 10:11:06",
    "updated_at": "2018-04-20 10:11:27",
    "position": 0
  },
  {
    "id": 19,
    "page_id": 26,
    "element_type_id": 3,
    "data": "{\"image\":\"download (1).jpg\"}",
    "created_at": "2018-04-20 10:11:36",
    "updated_at": "2018-04-20 10:11:52",
    "position": 4
  }
],

},

Answer 1

Предположим, ваши данные API находятся в объекте страницы. Затем используйте этот код для доступа к данным.

let pageelements = this.page.pageelements;
        for(let i=0; i<pageelements.length;i++) {
            console.log(pageelements[i].data);

            console.log(JSON.parse(pageelements[i].data).image);
            console.log(JSON.parse(pageelements[i].data).title);
        }

https://stackblitz.com/edit/angular-yn8tb5