我正在尝试使用Angular 14中的DrawFlow库
这是我的组件：
drawing-board.component.ts

import { Component, OnInit } from '@angular/core';
import Drawflow from 'drawflow';
@Component({
  selector: 'app-drawing-board',
  templateUrl: './drawing-board.component.html',
  styleUrls: ['./drawing-board.component.css']
})
export class DrawingBoardComponent implements OnInit {

  constructor() { }
  editor:Drawflow|null= null;
  ngOnInit(): void {
    let element = <HTMLElement> document.getElementById('drawflow');
    console.log(element);
    this.editor = new Drawflow(element);
    this.editor.reroute = true;
    this.editor.curvature = 0.5;
    this.editor.reroute_fix_curvature = true;
    this.editor.reroute_curvature = 0.5;
    this.editor.force_first_input = false;
    this.editor.line_path = 1;
    this.editor.editor_mode = 'edit';

    this.editor.start();
  }

}

drawing-board.component.html

<div id="drawflow" class="">
</div>

并在此模式下使用：

<app-drawing-board></app-drawing-board>

但不起作用，只能看到一个空的div html

我需要编辑更多的属性？或者是一个糟糕的实现？