使用第三个 属性 时，NGX-Graph 节点变黑

Question

我正在尝试使用 ngx-graph 和 link 将每个节点制作成一个弹出窗口，所以我选择了“@material-extended/mde", 我遇到的问题是我试图通过节点定义弹出内容，所以我尝试使用 属性 "数据”。但是，每当我向节点添加任何新的 属性（id 和标签 除外）时，解析失败并且所有节点都变黑。

有什么方法可以使弹出内容正常工作，我计划将 forms 和 data grids 放入弹出窗口取决于节点？

Here is a link to the stackblitz i'm working on

它总是在带有附加字段的节点上失败，所以我认为这应该是一个解析问题，或者节点 结构是预定义的 并且不能有超过2 个字段（id 和标签）。

Answer 1

通过设置 node.data = 'testdata'，您将覆盖原始的 node.data 属性，它在 node.data.color.

的示例中使用

要解决您的问题，您可以定义数据对象并在其中创建您自己的 属性

例如

组件：

{
    id: 'First',
    label: '12/10/2012 - 12/10/2013',
    data: { tooltip:'First testdata' }
  }

Html:

 <mat-card-content>
     Here goes data form/data grid {{node.data?.tooltip}}
 </mat-card-content>

这是一个有效的 Stackblitz。

---

但是 node.data 已经被 ngx-graph 使用了，也许你想定义你自己的 属性 以避免任何副作用。

例如

组件：

{
    id: 'First',
    label: '12/10/2012 - 12/10/2013',
    tooltip:'First testdata'
  }

Html:

 <mat-card-content>
     Here goes data form/data grid {{node.tooltip}}
 </mat-card-content>