如何动态处理以下块组件

时间:2019-06-07 13:55:57

标签: angular angular7

如何使该块组件动态化。我的意思是,每次单击下拉菜单时,都应渲染以下块,同时要记住,块数不应超过6。如果count == 6,请关闭任何块组件,然后单击下拉菜单。此外,一旦您单击下拉列表,图表数据就是来自服务器的动态数据,该响应必须以图表的形式替换。

  // Points with normals.
  cgal::Pwn_vector points;

  // load points from pcl cloud
  for (auto point : cloud.points) {
    cgal::Point_with_normal pwn;
    pwn.first = cgal::ShapeKernel::Point_3(point.x, point.y, point.z);
    points.push_back(pwn);
  }

如何在牢记约束的情况下动态实现这一目标?我附上图片供您参考。任何帮助将不胜感激。enter image description here

2 个答案:

答案 0 :(得分:0)

解决方案:

处理此约束的“父”组件 这个父组件提供了类似方法:addBlock(...)来管理块

另一种解决方案: 管理块数据列表(和所有约束)的服务,以及订阅该服务并显示块的组件。

答案 1 :(得分:0)

如果我以最佳方式理解您的问题,我认为您想在组件内部动态加载代码段。如果是这种情况,我建议为该div创建一个组件并查看此SO问题,您会发现here确实需要什么;