элемент элемента ссылки на директиву

Question

Я хочу передать ссылку на элемент в директиве. Я знаю, что ссылка элемента, на котором была применена директива может быть получена

private _elemRef: ElementRef 

, но я хочу, чтобы передать ссылку на другой элемент в директиве. Любая помощь приветствуется.

Вот демо-код. Я использую директиву ripple.

<ul #other> 
    <li ripple>Hello</li> 
</ul> 

directive.js

@Directive({ 
    selector: '[ripple]' 
}) 
export class RippleDirective { 
    constructor(private _elemRef: ElementRef) { 
    } 

    @HostListener('click', ['$event']) 
    public onClick(event: MouseEvent) { 
    // I wan't to refer the '#other' node here 
} 
} 

Answer 1

Вы можете передать переменную #other шаблона к @Input():

@Directive({ 
    selector: '[ripple]' 
}) 
export class RippleDirective { 
    @Input() ripple; 

    @HostListener('click', ['$event']) 
    public onClick(event: MouseEvent) { 
    this.ripple... 
    } 
} 

<ul #other> 
    <li [ripple]="other">Hello</li> 
</ul>