如何解决emberjs + gojs集成
大家好,我正在尝试emberjs,并希望将goJS集成到它中。我对软件包https://www.npmjs.com/package/gojs进行了npm安装 但是我找不到关于此的任何好的文档..因此,如果有人可以指出我的错误,那将是很好的
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";
}
}
}
这是我的炭烬组件graph.js,在graph.hbs中,我具有对应的div,但有些内容在屏幕上却没有显示。我错过了什么吗?
并希望通过emberJS docs.TY链接到goJS。
解决方法
我建议使用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>
可用之前运行此代码。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。