如何在角度7中映射多对多关系

Question

我刚开始进行Angular 7项目，并希望以一种体面的方式将2个实体连接到链接表中。我正在查看https://www.npmjs.com/package/ngx-treeview，它可以工作，但并不理想，因为然后需要对树进行迭代以使每个当前存储的关系显示为选中状态。在较大的树上这是一个缓慢的过程，我想知道是否有比渲染树然后迭代值更好的解决方案。

作为一个简短的概述，我将产品和服务与EF Core中的多对多关系链接在一起，因此在ngx ui的产品中，我以树状视图列出了服务，可以对其进行检查以添加关系。剪切数据量变得有点笨拙。

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$;