Как отобразить много-много отношений в угловых 7

Question

Я только начинаю проект Angular 7 и хотел найти достойный способ объединить 2 сущности в связанную таблицу.Я смотрю на https://www.npmjs.com/package/ngx-treeview, который может работать, но не идеально, потому что дерево должно быть повторено, чтобы каждая сохраненная в данный момент связь отображалась как проверенная.Это медленный процесс на больших деревьях, и мне было интересно, может ли быть лучшее решение, чем рендеринг дерева с последующей итерацией значений.

В качестве краткого описания я связываю продукты и услуги со многими ко многимотношения в EF Core, поэтому в интерфейсе ngx для продукта я перечисляю сервисы в древовидном представлении, которое можно проверить, чтобы добавить отношение.Это становится немного громоздким с количеством сдвига данных.

getTree(): TreeviewItem[] {

    let services = this.servicesService.services$;

    const tree = [];
    services.forEach(s => {

      let c = [
      ];

      s.products.forEach(p => {
        c.push({
          text: p.name + ' - ' + p.id, value: p.id, collapsed: true, checked: false
        });
      });

      const treeItem = new TreeviewItem({
        text: s.name + ' - ' + s.id, value: s.id, children: c, collapsed: true, checked: false
      });

      tree.push(treeItem);
    });
    return tree;
}

Это отображает дерево, тогда я должен повторить с

let products = this.productsService.products$;