angular - ngx-graph 节点的自定义模板

Question

如何将由 svg 制作的初始节点模板更改为包含所有 html 元素的自定义 html 模板。基本上我想在不损害包功能的情况下做类似的图表

Answer 1

如果你想使用 HTML 而不是 SVG，你可以使用foreignObjectSVG 元素并将你的 HTML 嵌入其中：

https://developer.mozilla.org/en-US/docs/Web/SVG/Element/foreignObject

例子：

  <ng-template #nodeTemplate let-node>
    <svg:foreignObject>
      <div>Your HTML here</div>
    </svg:foreignObject>
  </ng-template>