Categorias
iiiiii
Tomar datos url ionic 7
Descripcion
para tomar datos de la url se usa el controlador
typescript
//URL CREADA PARA ESTE EJEMPLP
{
path:'mapa/:geo',
loadChildren: () => import('../mapa/mapa.module').then( m => m.MapaPageModule)
}
/**************************************************************/
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
@Component({
selector: 'app-mapa',
templateUrl: './mapa.page.html',
styleUrls: ['./mapa.page.scss'],
})
export class MapaPage implements OnInit {
private lat:number=0;
private lon:number=0;
constructor(private TomarDatosRuta:ActivatedRoute) { } //debemos ahcer uso del ActivatedRoute para traer datos de la url
ngOnInit() {
//dato que capturamos de la url "geo:3.4722415152583377,-76.51224917502009"
let geoData:any = this.TomarDatosRuta.snapshot.paramMap.get('geo'); // el parametro se llama geo
geoData = geoData.substring(4);
geoData = geoData.split(',');
this.lat = Number(geoData[0]);
this.lon = Number(geoData[1]);
console.log(this.lat,this.lon);
}
}