0

我正在尝试使用ngx-graph创建一个 cron 树，并将每个节点链接到一个弹出窗口，所以我选择了“ @material-extended/mde ”，我遇到的问题是我正在尝试定义按节点弹出内容，所以我尝试使用属性“数据”。但是，每当我向节点添加任何新属性时（除了id 和 label）时，解析都会失败并且所有节点都会变黑。

有什么办法可以使弹出内容工作，我计划根据节点将表单和数据网格放入弹出窗口？

这是我正在处理的 stackblitz 的链接

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

4

1 回答 1

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>
于 2020-03-14T10:10:47.190 回答