Tengo una petición que trae información en formato JSON a una tabla de Front. El Tema es que los campos de 1º nivel del json me los imprime por pantalla bien, pero si en el primer nivel tengo un objeto y dentro de el los atributos que necesito llamar estos no me los pinta y se que es un fallo de sintaxis seguro pero no doy con el.
Componente HTML:
<div class="table-responsive">
<data-grid [value]="data" [gridOptions]="dgOptions" [paginator]="true"
(parameterChange)="loadPage($event)"
(onRowButtonsTap)="buttonClicked($event)">
<data-grid-column field="campo1" displayName="campo1"></data-grid-column>
<data-grid-column field="campo2" displayName="campo2"></data-grid-column>
<data-grid-column field="campo3.atributo1" displayName="campo3"></data-grid-column>
</data-grid>
</div>
Fichero JSON ejemplo:
{
"campo1": "6242e654285568965bdd726d",
"campo2": "ES",
"campo3": {
"atributo1": "texto",
"atributo2": "texto",
"arrayDeDatos": [
"dato1"
],
}
¿Como debo llamar a "atributo1" dentro de field para que se muestre? He probado:
- campo3.atributo1
- campo3['atributo1']
- data.campo3.atributo1
- {{data.campo3.atributo1}}
O me dan fallo (porque la sintaxis esta mal) o no me muestran nada.
Gracias.
*EDITO: - Puede ser que no tenga acceso al segundo nivel porque tenga implementada una librería propia que no acceda nunca o rompa a través del '.'