actualizando un pequeno bug

Author: Edwardb11

listado-personas/src/app/app-routing.module.ts

@@ -1,5 +1,6 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
+import { PersonaComponent } from './personas/persona/persona.component';
 import { PersonasComponent } from './personas/personas.component';
 import { FormularioComponent } from './personas/formulario/formulario.component';
 import { ErrorComponent } from './error/error.component';

listado-personas/src/app/data.service.ts

@@ -1,8 +1,6 @@
 import { Injectable } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Persona } from './persona.model';
-import { PersonasService } from './personas.service';
-import { Subscriber } from 'rxjs';
 
 @Injectable()
 export class DataService {
@@ -32,7 +30,10 @@ export class DataService {
   modificarPersona(index: number, persona: Persona) {
     let url: string;
     url =
-      'https://listado-personas.firebaseio.com' + '/datos/' + index + '.json';
+      'https://listado-personas-3624c-default-rtdb.firebaseio.com' +
+      '/datos/' +
+      index +
+      '.json';
     console.log('url de modificarPersona:' + url);
     this.httpClient.put(url, persona).subscribe(
       (response) => {
@@ -45,7 +46,10 @@ export class DataService {
   eliminarPersona(index: number) {
     let url: string;
     url =
-      'https://listado-personas.firebaseio.com' + '/datos/' + index + '.json';
+      'https://listado-personas-3624c-default-rtdb.firebaseio.com' +
+      '/datos/' +
+      index +
+      '.json';
     console.log('url de eliminarPersona:' + url);
     this.httpClient.delete(url).subscribe(
       (response) => {

listado-personas/src/app/personas/persona/persona.component.html

@@ -1,11 +1,12 @@
-
 <div class="item">
   <ul>
     <li>
-      <a 
-        [routerLink]="['/personas',indice]" 
-        [queryParams]="{modoEdicion:'1'}">
-        {{persona.nombre}} {{persona.apellido}}</a>
+      <a
+        [routerLink]="['/personas', indice]"
+        [queryParams]="{ modoEdicion: '1' }"
+      >
+        {{ persona.nombre }} {{ persona.apellido }}</a
+      >
     </li>
   </ul>
-</div>
+</div>

listado-personas/src/app/personas/persona/persona.component.ts

@@ -2,16 +2,14 @@ import { Component, OnInit, Input } from '@angular/core';
 import { Persona } from '../../persona.model';
 import { PersonasService } from '../../personas.service';
 
-@Component({  
-  selector: 'app-persona',  
+@Component({
+  selector: 'app-persona',
   templateUrl: './persona.component.html',
-  styleUrls: ['./persona.component.css']
+  styleUrls: ['./persona.component.css'],
 })
 export class PersonaComponent implements OnInit {
   @Input() persona: Persona;
   @Input() indice: number;
 
-  ngOnInit() {
-  }
-
+  ngOnInit() {}
 }

listado-personas/src/app/personas/personas.component.ts

@@ -1,7 +1,9 @@
 import { Component, OnInit } from '@angular/core';
 import { Persona } from '../persona.model';
+import { LoggingService } from '../LoggingService.service';
 import { PersonasService } from '../personas.service';
-import { Router } from '@angular/router';
+import { Router, ActivatedRoute } from '@angular/router';
+import { map } from 'rxjs/operators';
 
 @Component({
   selector: 'app-personas',
@@ -12,17 +14,22 @@ export class PersonasComponent implements OnInit {
   personas: Persona[] = [];
 
   constructor(
+    private loggingService: LoggingService,
     private personasService: PersonasService,
-    private router: Router
+    private router: Router,
+    private route: ActivatedRoute
   ) {}
 
-  ngOnInit() {
-    this.personasService.obtenerPersonas().subscribe((personas: any) => {
-      //Cargamos los datos de la base de datos al arreglo de personas local
-      this.personas = personas;
-      this.personasService.setPersonas(this.personas);
-      console.log('obtener personas suscriber:' + this.personas);
-    });
+  ngOnInit(): void {
+    this.personasService
+      .obtenerPersonas()
+
+      .subscribe((personas1: any) => {
+        //Cargamos los datos de la base de datos al arreglo de personas local
+        this.personas = personas1;
+        this.personasService.setPersonas(this.personas);
+        console.log('obtener personas suscriber:' + personas1);
+      });
   }
 
   irAgregar() {

listado-personas/src/main.ts

@@ -1,12 +1,13 @@
 import { enableProdMode } from '@angular/core';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
 import { environment } from './environments/environment';
+import { AppModule } from './app/app.module';
 
 if (environment.production) {
   enableProdMode();
 }
 
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));
+platformBrowserDynamic()
+  .bootstrapModule(AppModule)
+  .catch((err) => console.error(err));