小编bur*_*kay的帖子

我正在尝试将 cytoscape 集成到角度应用程序中。

首先我下载的是：

npm i --save ngx-cytoscape cytoscape @types/cytoscape

然后我将 Cytoscape 库导入到模块中

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ItemComponent } from './item/item.component';

import { CytoscapeModule } from 'ngx-cytoscape';

@NgModule({
  imports: [
    CommonModule,
    CytoscapeModule
  ],
  declarations: [
    ItemComponent
  ]
})
export class DashboardModule { }

并更新了 Angular.json

"scripts": [
              "node_modules/jquery/dist/jquery.min.js",
              "node_modules/bootstrap/dist/js/bootstrap.min.js",
              "node_modules/cytoscape/dist/cytoscape.js"
            ]

从现在开始我可以使用 cytoscape
这是我的 html

<div id="cy" class='row justify-content-center cytograph mt-2' *ngIf="graphData">
  <ngx-cytoscape [elements]="graphData"></ngx-cytoscape>
</div>

这是我的打字稿文件

@Component({
    selector: 'app-item',
    templateUrl: …