javascript - Renderer2在angular7中继承时不起作用

Question

我需要访问 dom 元素并在其他类
homeComponent.ts中进行操作

   import{TableUtility} from "src/shared/table-utility"; 
   export class HomeComponent extends TableUtility{
   constructor(){super()}

主页组件.html

<button (click)="toggleClass($event)"><img src="img.png"></button>

表格实用程序.ts

import{Table} from "primeng/table";
import{Renderer2} from "@angular/core";

export class TableUtility{
constructor(public render:Renderer2)
togglClass(ev){
console.log(this.render.addClass(ev.target,"active");
}

错误：无法读取未定义的 addClass

如果我在 home 组件中使用它，我可以读取 Renderer2。有人可以用适当的理由告诉这个以及如何解决这个问题。

Answer 1

您需要在子类构造函数中定义依赖项并将它们传递给超类super()：

export class HomeComponent extends TableUtility{
constructor(public render:Renderer2){super(render)}