Tengo una tabla donde visualizo los datos de un JSON y mi objetivo es mostrar solo los datos según lo que introduzca en los inputs, que es latitud y longitud y si eso valores coinciden con la latitud y la longitud de una ciudad del JSON, pues mostrar todo lo demás, id, ubicación... He visto NgIf y NgTemplate, pero soy novato en Angular todavía. Estos son los datos del json.
Codigo app.component.html:
<h1>{{Titulo}}</h1>
<div>
<form [formGroup]="coordenadas" (ngSubmit) = "enviarDatos(coordenadas.value)" >
<input type="text" class="fortextbox" name="latitud" placeholder="Introduce una latitud"
formControlName="latitud">
<br/>
<input type="text" class="fortextbox" name="longitud" placeholder="Introduce una longitud"
formControlName="longitud">
<br/>
<input type="submit" class="forsubmit" value="Enviar">
</form>
</div>
<pre *ngIf="datosCargados">
<table>
<thead>
<th>Id</th>
<th>Ubicación</th>
<th>Latitud</th>
<th>Longitud</th>
<th>T.mínima </th>
<th>T.máxima</th>
</thead>
<tbody>
<tr *ngFor="let datos of datosCargados">
<td>{{datos.id}}</td>
<td>{{datos.ubicacion}}</td>
<td>{{datos.latitud}}</td>
<td>{{datos.longitud}}</td>
<td>{{datos.temperaturamin}}</td>
<td>{{datos.temperaturamax}}</td>
</tr>
</tbody>
</table>
</pre>
<h3 *ngIf="!datosCargados">No hay datos cargados</h3>