Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

¿Qué es el Change Detection?

16/23
Recursos

Aportes 5

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

export class GeneratorService {

  generate(labels: string[], numRange: [number, number], width: number): EmployeeData[] {
    const result: EmployeeData[] = [];
    for (let i = 0; i < width; i += 1) {
      result.push(this.generateNode(labels, numRange));
    }
    return result;
  }

  generateNumber(numRange: [number, number]) {
    const diff = numRange[1] - numRange[0];
    return numRange[0] + Math.floor(Math.random() * diff);
  }

  generateLabel(labels: string[]) {
    return labels[Math.floor(Math.random() * labels.length)];
  }

  private generateNode(labels: string[], numRange: [number, number]): EmployeeData {
    return {
      label: this.generateLabel(labels),
      num: this.generateNumber(numRange)
    };
  }
}```

Se les olvido poner el link al github para traer el generator-service.ts

La detección de cambios es un concepto que puede que desconozcas, te recomiendo ir rápidamente al vídeo de "Optimización de componentes con OnPush" en donde se explica inicialmente las dos listas de datos con funciones y carga de datos aleatorios utilizados para explicar esto.

Change Detection: El proceso de actualización de la vista (DOM) cuando los datos han cambiado.
.
A los que vienen de react le recordara al concepto de virtual dom.

Aqui pueden encontrar el gist que indica el profe, ya que no esta en los archivos.

https://gist.github.com/nicobytes/9dfa8690df9b8db3c0d2a4e15c19060f