javascript - pass element reference to a directive -

i want pass element reference directive. know reference of element on directive has been applied can obtained by

private _elemref: elementref 

but want pass reference other element directive. appreciated.

here's demo code. m using ripple directive.

<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) {     // wan't refer '#other' node here } }  

you can pass template variable #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>