El objeto que indicas no es valido:
{
"RINDTAB": 1,
"hdester": "CENTRO ORIENTE_IND",
"HCOLBT": "TYVEP100",
"HCOLNOM": "VEGA PENADILLO YENSEN",
"TOTAL_MES": 5180
},
{
"RINDTAB": 1,
"hdester": "CENTRO ORIENTE_IND",
"HCOLBT": "TYVEP100",
"HCOLNOM": "VEGA PENADILLO YENSEN",
"TOTAL_MES": 5180
}
Básicamente porque no puedes guardar un objeto separado por comas, eso no existe, lo que realmente existiria seria algo como esto:
[
{
"RINDTAB": 1,
"hdester": "CENTRO ORIENTE_IND",
"HCOLBT": "TYVEP100",
"HCOLNOM": "VEGA PENADILLO YENSEN",
"TOTAL_MES": 5180
},
{
"RINDTAB": 1,
"hdester": "CENTRO ORIENTE_IND",
"HCOLBT": "TYVEP100",
"HCOLNOM": "VEGA PENADILLO YENSEN",
"TOTAL_MES": 5180
}
]
Ya que un array
puede guardar varios objetos dentro de si.
Lo unico que se me ocurre para que puedas obtener un resultado así es que el JSON
venga mal formado desde el backend y que ademas no estes devolviendo directamente un JSON
sino texto, de lo contrario ya tendrias problemas en el backend.
Por otro lado puedo observar que no tienes problemas al usar el objeto en angular ya que de lo contrario por estar mal formado te tendría que saltar miles de errores.
Esto me dice que quizás el JSON
mal formado que tienes es una suposición tuya de como esta llegando el objeto, mas NO como realmente esta llegando, ya que como digo de lo contrario ni siquiera verías en pantalla:
[object Object]
Si no un montón de errores.
Así que sugiero que lo que esta pasando es que simplemente no estas accediendo de manera correcta a tus propiedades dentro del JSON
, un ejemplo de ello es esta linea:
{{ item }}
item
es el objeto completo de tu lista de objetos, por lo que estas intentando renderizar un objeto completo, a lo cual angular te especifica [object Object]
debido a que angular no te va a imprimir nunca un objeto completo.
Si nada mas quieres imprimir el objeto completo asegúrate primero de parsearlo a un string
por ejemplo:
{{ stringify(item) }}
Como no podemos usar JSON.stringify
directamente en el objeto desde la vista, tendriamos que crear un método que permita pasar primero el objeto a un string
en tu componente:
stringify(obj:any)
{
return JSON.stringify(obj);
}
por otro lado si lo que quieres es usar la información de manera directa de cada item
entonces accede a las propiedades del item:
{{ item.hdester }}
{{ item.RINDTAB }}
...
{{ item.TOTAL_MES }}
No hagas conversiones innecesarias, tu objeto no esta llegando en el formato que crees, no requieres convertirlo a un array
, ya que ya tienes un array de objetos.
transform(obj: T): Array<T> { return [ obj ] }
. SiendoT
el tipo de Objeto que esperas recibir. Has intentado algo?¯\_(ツ)_/¯