如何在Angular 11中扩展Renderer2？

import { Injectable, Renderer2, RendererFactory2 } from '@angular/core';

@Injectable()
export class CustomRendererService {
  private renderer: Renderer2;

  constructor(private rendererFactory: RendererFactory2) {
    this.renderer = this.rendererFactory.createRenderer(null, null);
  }

  // 扩展Renderer2的功能，例如添加一个新的方法
  public customMethod(element: any, value: string): void {
    this.renderer.setStyle(element, 'custom-property', value);
  }
}

import { Component, ElementRef, OnInit } from '@angular/core';
import { CustomRendererService } from './custom-renderer.service';

@Component({
  selector: 'app-my-component',
  template: '<div #myElement></div>',
})
export class MyComponent implements OnInit {
  constructor(
    private customRenderer: CustomRendererService,
    private elementRef: ElementRef
  ) {}

  ngOnInit(): void {
    const element = this.elementRef.nativeElement.querySelector('#myElement');
    this.customRenderer.customMethod(element, 'custom-value');
  }
}