如何从Angular组件销毁VexFlow渲染器？

import { Component, ElementRef, OnDestroy, AfterViewInit } from '@angular/core';
import * as Vex from 'vexflow';

@Component({
  selector: 'app-vexflow',
  template: '<div #vexflowContainer></div>',
})
export class VexflowComponent implements AfterViewInit, OnDestroy {
  private renderer: Vex.Flow.Renderer;

  constructor(private elementRef: ElementRef) {}

  ngAfterViewInit() {
    const container = this.elementRef.nativeElement.querySelector('#vexflowContainer');
    this.renderer = new Vex.Flow.Renderer(container, Vex.Flow.Renderer.Backends.SVG);

    // Other VexFlow rendering code goes here
  }

  ngOnDestroy() {
    const context = this.renderer.getContext();
    const svgElement = context.svg;
    svgElement.parentElement.removeChild(svgElement);

    this.renderer = null;
  }
}