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

Question

I want to know if there is a way to get the ElementRef instance without the constructor injection in Angular ?

Why I need it:

I have an abstract BaseComponent class that gets inherited in a lot of other Angular Component classes. I want to avoid injecting the ElementRef in all subclasses via super(elementRef) call and instead have it directly injected in the BaseComponent class -

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

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