Les comento:
Estoy intentando aprender Angular
y tengo un DataTable con la data directa desde SQL
, pero necesito trabajar la data en la clase "Paises" y no consigo hacerlo (ya que al obtener la data me mantiene los nombre de columnas de la base de datos y no la estructura que tiene mi clase y constructor)... lo siguiente es mi código:
// Fetch all articles
obtenerPaises(): Observable<Paises[]> {
return this.http.get(this.apiPais + '/obtener-pais')
.map(this.extractData)
.catch(this.handleError);
}
Correspondiente a paises.service.ts para obtener la data desde SQL
.
paises: Paises[];
async ngAfterViewInit() {
this.obtenerPaises();
this.paises = await this.obtenerPaises();
this.fn_cargarTablaPaises(this.paises);
}
obtenerPaises(): Promise<any> {
return this.paisesService.obtenerPaises().toPromise();
}
Correspondiente a paises.component.ts para obtener la data e ingresarla en un datatable
export class Paises {
public vliPaisId: number;
public vlsPaisNombre: string;
public vlsAcciones: string;
constructor(piPaisId: number, psPaisNombre: string) {
this.vliPaisId = piPaisId;
this.vlsPaisNombre = psPaisNombre;
}
fnGenerarAcciones() {
return('hola');
}
Correspondiente a paises.ts que contiene la clase Paises (el tipo ocupado en la variable para almacenar la respuesta de la data).
Resulta que cada vez que intento acceder a vliPaisId o realizar un console.log
no me muestra la estructura de la clase, sino el nombre de las columnas de la BD.
Ejemplo:
console.log(this.paises);
0: {pais_id: 1, pais_nombre: "CHILE"}
1: {pais_id: 2, pais_nombre: "PERU"}
2: {pais_id: 3, pais_nombre: "ARGENTINA"}
3: {pais_id: 4, pais_nombre: "BRASIL"}
4: {pais_id: 5, pais_nombre: "PARAGUAY"}
5: {pais_id: 6, pais_nombre: "ALEMANIA"}
length: 6
__proto__: Array(0)
Aplicado en el component obtengo lo siguiente:
¿Qué puede estar ocurriendo? ¿Cómo podría hacer para que respete la estructura de mi clase y así poder realizar métodos dentro de aquello?
La idea es que quiero que en el DataTable puede haber otra columna en la cual puede trabajar la información, colocar botonería, etc.
Gracias de antemano.
Response {_body: "[{"pais_id":1,"pais_nombre":"CHILE"},{"pais_id":2,…ARAGUAY"},{"pais_id":6,"pais_nombre":"ALEMANIA"}]", status: 200, ok: true, statusText: "OK", headers: Headers, …} headers: Headers {_headers: Map(2), _normalizedNames: Map(2)} ok: true status: 200 statusText: "OK" type: 2 url: "http://localhost:3000/pais/obtener-pais" _body: "[{"pais_id":1,"pais_nombre":"CHILE"},{"pais_id":2,"pais_nombre":"PERU"},{"pais_id":3,"pais_nombre":"ARGENTINA"},{"pais_id":4,"pais_nombre":"BRASIL"},{"pais_id":5,"pais_nombre":"PARAGUAY"},{"pais_id":6,"pais_nombre":"ALEMANIA"}]" __proto__: Body