I'm feeling a bit disoriented about this topic. Is it feasible to insert a string from an external JSON file into the .ts file? I aim to display the URLs of each item in an IONIC InAppBrowser. For this reason, I intend to generate a variable with a specific item so that I can integrate it into the InAppBrowser.
Thank you for your assistance.
Items.ts
import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
// Importing service
import { ItemsProvider } from '../../providers/items/items';
// Importing URL from config
import { URL_SERVICES } from './../../config/url.services';
@Component({
selector: 'page-items-eur',
templateUrl: 'items-eur.html',
})
export class ItemsEurPage {
country = {};
images = URL_SERVICES + "/imgs";
itemsData:any [] = [];
sliderValue: number = 0;
selection: string = "";
itemAssociation: string = "";
constructor(
public navCtrl: NavController,
public navParams: NavParams,
public _creP: ItemsProvider,
) {
console.log( navParams );
this.country = this.navParams.get("country");
if (this.country == "Spain") {
this._creP.load_items_esp()
.subscribe(
(response)=>{
console.log(response);
this.itemsData = response["results"];
} )
}
this.itemAssociation = this.itemsData[0],["acf"],["link"]; // The desired string to display for each item
console.log(this.itemAssociation);
}
}JSON FILE
{
"results": [{
"acf": {
"name": "Item1",
"link": "https://www.google.com"
}
},
"acf": {
"name": "Item2",
"link": "https://www.facebook.com"
}
}
]
}UPDATE - Load JSON file of ItemsProvider
load_items_esp(){
return this.http.get("https://my_server.com/items_esp.json");
}