没有提供 'ref' 的参数。角 10答案

【问题标题】：An argument for 'ref' was not provided. Angular 10没有提供 'ref' 的参数。角 10
【发布时间】：2020-11-22 19:33:12
【问题描述】：

我正在使用角度 10

我有这行代码：

constructor(ref: ElementRef, private renderer: Renderer2) {
    this.el = ref.nativeElement;
  }

但我收到此错误：

src/app/shared/directives/custom-element.directive.ts:13:15
    13   constructor(ref: ElementRef, private renderer: Renderer2) {
                     ~~~~~~~~~~~~~~~
    An argument for 'ref' was not provided.

我当然搜索过这个错误。

但是我只发现了这种类型的错误：

https://forum.ionicframework.com/t/an-argument-for-opts-was-not-provided/175401

那么我要改变什么？

谢谢

【问题讨论】：

添加 public 或 private 修饰符应该可以解决这个问题。

标签： javascript angular typescript

【解决方案1】：

在“ref:”参数名称前面，你应该把访问修饰符“private”，以便使用Angular的依赖注入功能。

所以：

constructor(ref: ElementRef, private renderer: Renderer2) {

     this.el = ref.nativeElement;
    
}

应改为：

constructor(private ref: ElementRef, private renderer: Renderer2) {
        
     this.el = ref.nativeElement;
    
}

【讨论】：