Buenas noches estoy obteniendo resultado a través de un AJAX, en mi consulta además de comparar datos añado un with para traer una relación.
Mi consulta
$ciudades = Ubicacion::with('ProvinciaOne')->selectRaw('ciudad, COUNT(ciudad) AS Total')
->join('clientes', 'ubicacions.cliente_id', '=', 'clientes.id')
->orderBy('Total', 'DESC')
->whereYear('clientes.fecha_contacto', '=', $request->ano4)
->groupBy('ciudad')->get();
Esto me devuelve esto:
0:
Total: 65
ciudad: "46"
provincia_one:
capital_id: 7219
comunidad_id: 10
created_at: null
id: 46
provincia: "Valencia"
slug: "valencia"
tarifa: 1
updated_at: "2021-01-08 10:42:24"
[[Prototype]]: Object
[[Prototype]]: Object
En mi vista hago una iteración con el resultado:
for(i=0;i<resultado.ciudades.length;i++){
console.log(resultado.ciudades);
html +=
`<div class="row rowBorder">
<div class="col-9">
<h5 class="h5Font">${resultado.ciudades[i].provincia_one.provincia}</h5>
</div>
<div class="col-3">
<div class="pull-right burbujaCount">
${resultado.ciudades[i].Total}
</div>
</div>
</div>`
}
Si hago un console.log(resultado.ciudades[i].provincia_one.provincia)
me devuelve una iteración con todos los nombres de provincia_one.provincia
pero en cuanto lo pongo aquí: ${resultado.ciudades[i].provincia_one.provincia}
me devuelve este error: Uncaught TypeError: Cannot read properties of null (reading 'provincia')
¿que estoy haciendo mal?
Haciendo console.log(resultado.ciudades[i].provincia_one);
{id: 49, slug: 'zamora', provincia: 'Zamora', comunidad_id: 7, capital_id: 7821, …}
capital_id: 7821
comunidad_id: 7
created_at: null
id: 49
provincia: "Zamora"
slug: "zamora"
tarifa: 2
updated_at: "2021-05-10 11:59:43"
[[Prototype]]: Object