如何在JSON ANGULAR中访问数组？

Question

I'm trying to show an array in the view of my Angular project

Items.json

{
  "tipo": "texto",
  "texto": "Un colegio necesita enviar 5 estudiantes como representantes a un foro sobre la contaminación del medio ambiente. Se decidió que 2 estudiantes sean de grado décimo y 3 de grado undécimo. En décimo hay 5 estudiantes preparados para el foro y en undécimo hay 4. ¿Cuántos grupos diferentes pueden formarse para enviar al foro?",
  "respuestas": [
    "9",
    "14",
    "20",
    "40"
  ]
}

TS:

let timeoutMS = 10000;
this.http.get(assets / Items.json)
    .timeout(timeoutMS)
    .map(res => res.json()).subscribe(data => {
        let responseData = data;

        this.preguntas = responseData;
        console.log(this.preguntas);

    },
    err => {
        console.log(err);
    });

console.log() displays the JSON correctly respuestas is an Array, so it is OK

In the view I get preguntas.texto = "Un colegio necesita enviar 5 estudiantes..." and preguntas.respuestas = 9,14,20,40 .

If I try to get preguntas.respuestas[0] I have this error "TypeError: Cannot read property '0' of undefined TypeError: Cannot read property '0' of undefined at Object.eval [as updateRenderer] ... "

What am I doing wrong?

Thanks for reading! :D

EDIT:

import { Facebook, FacebookLoginResponse } from '@ionic-native/facebook';
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { LoginPage } from '../login/login';

import { Http } from '@angular/http';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/timeout';

@Component({
  selector: 'page-pregunta',
  templateUrl: 'pregunta.html'
})
export class PreguntaPage {
    userData = null;
    preguntas = {};
constructor(private facebook:Facebook ,  public http: Http) {
  }

ionViewDidLoad() {
    let path = 'assets/Items.json';
    let encodedPath = encodeURI(path);
    let timeoutMS = 10000;

    this.http.get(encodedPath)
    .timeout(timeoutMS)
    .map(res => res.json()).subscribe(data => {
let responseData = data;

this.preguntas = responseData;
    console.log(this.preguntas);
},
err => {
  console.log('error!!', err);
});
}}

Answer 1

You should to try something like this:

let respuestas = []
...
responseData.respuestas.map(item => respuestas.push(item)).

and then try something like this:

console.log(respuestas[0])