Hola estoy haciendo un select dinámico con angular dependiendo de la elección de una región serán los países que se muestren en el select.
adjunto mi codigo:
coutry: any[] = [{ cca3: "0", name: "Selecciona un país" }];
public frase: CountrySelect = { cca3: "", name: "" };
getCoutry() {
var region = this.defaultRegion;
this.dataStorageService.getCountryByRegion(region)
.subscribe(data => {
let cioc = "";
let nameCoutry = "";
for (let index = 0; index < data.length; index++) {
cioc = data[index]['cioc'];
nameCoutry = data[index]['name']['common'];
this.frase.name = nameCoutry;
this.frase.cca3 = cioc;
console.log(this.frase);
this.coutry.push(this.frase);
}
/* console.log(this.coutry); */
});
}
cuando hago el console.log de this.frase imprime bien todos los países y su código
, pero de alguna forma cuando hago el push al array y lo imprimo o lo veo en la aplicación imprime los n países de esa región pero todos con el mismo nombre y código del ultimo elemento de data
¿Como puedo hacer para solucionar esto y poder agregar al array los países de manera correcta?
espero puedan ayudarme