emberjs + gojs 集成答案

【问题标题】：emberjs + gojs integrationemberjs + gojs 集成
【发布时间】：2020-08-28 01:49:54
【问题描述】：

大家好，我正在试用 emberjs 并希望将 goJS 集成到其中。我对包进行了 npm 安装 https://www.npmjs.com/package/gojs 但是我找不到任何好的文档。所以如果有人能指出我的错误，那就太好了

import Component from "@glimmer/component";
import go from "gojs";
import { action } from "@ember/object";
import { tracked } from "@glimmer/tracking";

export default class GraphComponent extends Component {
  @tracked iconName = "check-circle";

  $ = go.GraphObject.make;
  myDiagram = $(go.Diagram, "myDiagramDiv");



  @action
  changeIcon() {
    if (this.iconName == "check-circle") {
      this.iconName = "sync-alt";
    } else {
      this.iconName = "check-circle";
    }
  }
}

这是我的 ember 组件 graph.js 和在 graph.hbs 中我有相应的 div，但是屏幕上什么也没有显示。我错过了什么吗？

如果有任何指向带有 emberJS docs.TY 的 goJS 的链接，我们将不胜感激

【问题讨论】：

标签： ember.js gojs

【解决方案1】：

我建议使用didInsert render modifier。

你可以这样做

<div id="myDiagramDiv" {{did-insert this.insertDiagram}}></div>

然后你可以在 div 插入到 DOM 后运行一个动作：

@action
insertDiagram() {
  const $ = go.GraphObject.make;
  const myDiagram = $(go.Diagram, "myDiagramDiv");
}

否则您将在<div> 可用之前运行此代码。

【讨论】：