Cytoscapeのレイアウト - このようなレイアウトのコーラが見つかりません

Question

私はを使用しています。角膜2のプロジェクトでは、Typescriptでコーラのレイアウトを使いたいと考えました。そこで、npmを使用してプロジェクトに依存関係を追加しました。 TypescriptでAngular 2を使用しているので、まずjsモジュールをangular-cli.jsonファイルに追加してからindex.htmlファイルに追加しました。

declare var cola:any;

をその後、私は次のようにレイアウトを使用しようとしています：

を次のように私は、グラフを表示するために使用しています角度成分である私のNetworkComponent、でその後、私は、ライブラリをインポートしています

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

グラフが表示されていないと私は、コンソールで次のエラーを取得する：

は、レイアウトを適用することはできません：そのようなレイアウト「コーラ」が見つかりません。 JSファイルを含めましたか？

私はconcentricレイアウトやグラフディスプレイを使用することができますが、私は、このようなcose-bilkentやspringyなどの他のレイアウトの拡張のために同じエラーを取得します。

colaライブラリをインポートしてグラフレイアウトとして使用するにはどうすればよいですか？ここで何が間違っているのでしょうか？

Answer 1

これは簡単な修正です。それはcytoscape-cola.jsによって要求されるindex.htmlのファイルcola.jsへの参照を追加するのを忘れたことが判明します。私はcytoscape-cola.jsを使用するだけで十分だと思ったが、コーラ jsファイルを追加した後、正しく動作している。