当 inheritance 在 angular7 中时，渲染器 2 不工作

Question

我需要访问 dom 元素并在其他 class 中进行操作
主页组件.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)}