emberjs + gojs 集成

Question

大家好，我正在试用 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 的链接

Answer 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> 可用之前运行此代码。

emberjs + gojs 集成

emberjs + gojs integration

ember.js

gojs