Tengo un servicio para obtener datos de la base de datos back-end y mostrar la matriz de objetos que funciona bien, el único problema es que no puedo usarlo fuera de la suscripción.
Como quiero extraer valores específicos y almacenarlos en una matriz para usar con mapas y otras funciones. ¿Hay alguna forma de hacer esto? el código está debajo.
Editar: puedo insertar los valores que necesito en una matriz y ver el único problema de los valores es que son cadenas y los necesito como número con su nombre.
usersAddress: UserAddressDto[] = []; ngOnInit() { this.addressService .getAllUserAddress() .subscribe((address: UserAddressDto[]) => { this.usersAddress = address; }); //this prints to console an empty array //unless within the subscribe console.log('userAddress', this.usersAddress); } coord: any[] = []; getAllUserAddress() { return this.http .get<any>(`${environment.baseApiUrl}/userAddress/all`) .subscribe((response) => { console.log(response); this.allAddresses = response; console.log('all addresses:',this.allAddresses); this.setLatLong(); }); } setLatLong() { this.coord = this.allAddresses.map( (obj) => ' lat: ' + obj.latitude + ' long: '+ obj.longitude ); console.log('coord array:', this.coord); this.setMarkers(); }Puedes crear un Servicio :
@Injectable() export class UsersService { usersAddress = []; constructor( ) { } setUserAddress(address) { this.usersAddress = address; } getUserAddress() { return this.usersAddress; } }puede acceder a él en otros componentes como este:
userService.getUserAddress()necesita instanciar el servicio en el constructor de sus componentes:
constructor( private userService: UserService, ) { }donde UserService es el nombre de ese servicio.
Creo que tu código funciona correctamente. El problema es el registro de la consola que no está esperando la suscripción. Si coloca la consola dentro de la función de suscripción, verá los datos correctos.
usersAddress: UserAddressDto[] = []; ngOnInit() { this.addressService .getAllUserAddress() .subscribe((address: UserAddressDto[]) => { this.usersAddress = address; console.log('userAddress', this.usersAddress); }); }