Строка в файле .ts из внешнего JSON

Question

Я немного растерялся по этому вопросу. Можно ли поместить строку в файл .ts из внешнего JSON? Я хочу показать в IONIC InAppBrowser URL каждого элемента JSON. И именно поэтому я хочу создать переменную с определенным элементом, чтобы я мог поместить ее в InAppBrowser.

Спасибо за внимание

Items.ts

import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';

//Importando servicio
import { ItemsProvider } from '../../providers/items/items';
//Importando URL desde config
import { URL_SERVICIOS } from './../../config/url.servicios';

@Component({
  selector: 'page-items-eur',
  templateUrl: 'items-eur.html',
})
export class ItemsEurPage {

  pais = {};

  imagenes = URL_SERVICIOS + "/imgs";
  itemsData:any [] = [];
  sliderValue: number = 0;
  sel: string = "";
  itemAsn: string = "";

  constructor(
    public navCtrl: NavController,
    public navParams: NavParams,
    public _creP: ItemsProvider,
  ) {
    console.log( navParams );
    this.pais = this.navParams.get("pais");

    if (this.pais == "España") {
      this._creP.cargar_items_esp()
        .subscribe(
          (respuesta)=>{
          console.log(respuesta);
          this.itemsData = respuesta["resultados"];
      } )
    }

    this.itemAsn = this.itemsData[0],["acf"],["enlace"]; //This string I want to show for each item


    console.log(this.itemAsn);

  }
}

ФАЙЛ JSON

{
    "resultados": [{
            "acf": {
                "name": "Item1",
                "enlace": "https://www.google.com"
            }
        },
         "acf": {
                "name": "Item2",
                "enlace": "https://www.facebook.com"
          
            }
        }
    ]
}

UPDATE - Загрузить JSON-файл ItemsProvider

  cargar_items_esp(){
    return this.http.get("https://mi_server.com/items_esp.json");
  }

Answer 1

Вы можете перебрать свой объект JSON и console.log() все элементы в одной строке. Вот ссылка на стек стлиц: https://stackblitz.com/edit/js-w4rpzs

var json = {
    "resultados": [
        {
            "acf": {
                "name": "Item1",
                "enlace": "https://www.google.com"
            }
        },
        {
            "acf": {
                "name": "Item2",
                "enlace": "https://www.facebook.com"

            }
        }
    ]
};

json.resultados.forEach(
  (res) => {
    console.log('Name: ' + res.acf.name + ' Enlace: ' + res.acf.enlace);
  }
);