TECNOLOBO

No recuerdas tu codigo?
Se te olvido como se hace?

Aqui podras guardar lo que necesiten
Y cuando sea necesesario

Creado por julian gomez
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);
  }

}