0

Hola como están? estoy creando un proyecto de prueba para aprender a manejar angular 6 ya que vengo de angularjs y estoy teniendo un problema con el *ngFof o con la variable que recorre el ngFor, no estoy seguro pero cuando paso de un componente a otro y luego vuelvo al componente anterior se duplican los items del ngFor. El flujo es el siguiente: - La pagina Home hace un get y con el ngFor lista los datos de mi bd. - Luego al entrar en un dato individual le paso la id de ese dato para obtener informacion de ese dato especifico pasando al componente proyecto. - Al volver al componente anterior los datos del ngFor se duplican.

paso gif aqui ,este es el código que tengo en el home.component.ts, la verdad que no me estoy dando cuenta que podría ser

import { Component, OnInit } from '@angular/core';
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
import { ProjectService } from '../../../service/project.service';
import { Observable } from 'rxjs';

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
})

export class HomeComponent implements OnInit {
  closeResult: string;
  projects = [];
  project = {};
  constructor(private modalService: NgbModal, private projectService: ProjectService){ 
    this.projects = [];
  }

  ngOnInit() {
  	this.projects = this.projectService.get();
  }
  openLg(content) {
    this.modalService.open(content, { size: 'lg' });
  }
  modalProject(): Observable<any> {
    let cb = Function;
  this.projectService.add(this.project, callback=>{
    this.projects.push(callback);
  });
  this.project = {};
  
  return;
  }

}

Gracias saludos!

1 respuesta 1

1

Bienvenido. Hubiera sido muy positivo para la resolución de tu problema que compartas el código del servicio que estas utilizando para hacer la petición a la BD.

Recuerda que los servicios de Angular estas destinados a compartir información entre componentes, lo que significa que si tienes algún arreglo declarado en tu servicio al que le haces push cada vez que entras a tu componente home esta información se mantendrá en cache aunque se lance el método OnDestroy de home. Esta podría ser la razón por la que cada que vez que entras al componente home los datos se duplican. Si esto no soluciona tu problema, comparte el código del servicio que utilizas.

1
  • Muchas gracias, Exactamente el problema era ese, muchas gracias! saludos Commented el 28 oct. 2018 a las 22:52

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.