如何在与之关联的指令中保留元素ref？角

Question

我创建了一个绑定到组件变量的指令，并在其模板中使用。我希望能够引用正在使用它的元素。

e.g。组件模板使用指令

<div [directiveBinding]="componentVar"></div>

e.g。指令

export class MyDirective {
    @Input('directiveBinding') varFromComponent;
}

如何在指令中引用div元素ref？

Answer 1

您应该在构造函数中注入ElementRef。要访问HTMLDivElement，请使用this.elementRef.nativeElement

export class MyDirective {
    @Input('directiveBinding') varFromComponent;

    constructor(private elementRef: ElementRef) {}
}