Cytoscape.js：样式不适用

Question

我在Ember应用程序中使用Cytoscape.js。 我已经为图形创建了一个组件。 我尝试在组件的didInsertElement函数中设置图形样式表，如下所示：

        this.get("cy").style()
            .selector('node')
              .css({
                'width': '100px',
                'height': '100px',
                'border-color': 'gray',
                'border-width': 3,
                'border-opacity': 0.5
              })
            // unimportant code here
            .selector('.faded')
              .css({
                'opacity': 0.0,
                'text-opacity': 0
            }).update();

当我在Ember中使用此组件访问路由时，未应用样式（但是布局和其他功能正常工作）。 当我转乘另一条路线而不是返回时，会神奇地出现样式。

我究竟做错了什么？ 如何将样式应用于“首次加载”？

编辑：完整代码可以在这里找到把手代码很简单：

<div class="container content-section" id="graph-content">
<div class="centre" style="margin: 10px">
    <!-- cytoscape graph -->
    <div id="cy"></div>
</div>

Answer 1

问题解决了-这是我的错误。 节点的样式基于category ，属于categoryTo节点，并异步加载。 当我在图中插入节点时，promise的节点已经满了，但是嵌套的关系还没有满，所以节点样式是undefined 。