0

Hola tengo un problema para mostrar datos en el componente MAT-TREE de Angular Material. Desde la base de datos obtengo un array como el siguiente:

datos obtenidos desde la base de datos

y mi objetivo es transformarlo en lo siguiente:

  const TREE_DATA = {
  'FACULTADES': {
    'CIENCIAS INFORMÁTICAS': {
      'INFORMÁTICA': null
    },
    'CIENCIAS ADMINISTRATIVAS': {
      'CONTABILIDAD Y AUDITORIA': null,
      'HOTELERIA Y TURISMO': null
    },
  }
};

Lo que quiero es mostrar todas las categorías y subcategorías recuperada desde la bd en la vista, haciendo similar como esto:

arbol

He intentado hacer algo con algunos bucles Foreach, pero además de ser poco eficiente, no obtenía el resultado que buscaba. ¿Alguien me puede ayudar de la manera más optima para poder realizar esa transformación?.

1 respuesta 1

0

He pasado algunos días buscando alguna solución a mi problema, y terminé haciendo lo siguiente:

buildTree(categorias: any[], subcategorias: Subcategorias[]) {
    const Json = { 'FACULTADES': {} };
    categorias.forEach(categoria => {
      Json.FACULTADES[categoria] = {};
      subcategorias.forEach(subcategoria => {
        if (subcategoria.categorias === categoria) {
          (Json.FACULTADES[categoria])[subcategoria.subcategorias] = null;
        }
      });
    });
    this.Tree = Json;
  }

Espero que si alguien tiene un problema similar le sea útil. Saludos...

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.