如何在没有构造函数注入的情况下获取 elementRef？ - 角

Question

我想知道是否有一种方法可以在 Angular 中不进行构造函数注入的情况下获取 ElementRef 实例？

我为什么需要它：

我有一个抽象的 BaseComponent 类，它被许多其他 Angular 组件类继承。我想避免通过super(elementRef) 调用在所有子类中注入ElementRef，而是将其直接注入BaseComponent 类中-

export abstract class BaseComponent {
   private elementRef: ElementRef;
   constructor() {   
      // Do we have some option like below?
     //  this.elementRef = Injector.get(ElementRef) 
   }
}

@Component({
  selector: 'app-comp-one',
  templateUrl: './comp-one.component.html',
  styleUrls: ['./comp-one.component.css']
})
export class CompOne extends BaseComponent {
    constructor() {  // constructor(elementRef: ElementRef)
      super();            // super(elementRef);  
     // here I can pass elementRef in super constructor call
     // but that's what I don't want to do
   }
}

Answer 1

我没有测试它，但我发现你的问题很有趣，所以我做了一些研究，我发现 this 解决了你想要解决的确切问题。