Cytoscape布局 - 没有这样的布局可乐发现

Question

我正在使用Cytoscape Angular 2项目与Typescript并希望使用可乐布局。因此，我使用npm将依赖项添加到我的项目中。由于我正在使用Angular 2与Typescript，我已经将js模块首先添加到angular-cli.json文件中，然后添加到index.html文件中。之后，在我的NetworkComponent，这是我使用的显示图形，我导入库如下角度分量：

declare var cola:any;

然后我想使用的布局如下：

this.cyto = cytoscape({ 
      container: document.getElementById("graph"), 
      elements: this.graph.elements, 
      style: res.json() 
      }); 
    this.cyto.layout({name: "cola"}); 

图表不显示，我得到以下错误在控制台：

不能适用布局：未找到这样的布局“可乐”;你有没有包含它的 JS文件？

我可以使用concentric布局和图形显示，但我得到了其他布局扩展，例如cose-bilkent和springy同样的错误。

如何导入可乐库并将其用作我的图形布局？这里可能有什么问题？

Answer 1

这是一个简单的修复。事实证明，我忘记了cytoscape-cola.js所要求的index.html中的cola.js文件的引用。我以为只使用cytoscape-cola.js就足够了，但是在添加可乐 js文件后，它工作正常。