How to set focus on element with binding?

Question

In Angular2 how can I set binding on element focus. I don\'t want to set it with elementRef. I think in AngularJS there is ngFocus directive In Angular2 there is no such dir

Answer 1

The best way of setting focus on an element with angular2 is by using the Renderer and invoke an method on the element. There is no way of doing this without elementRef.

This results in something like this:

this.renderer.invokeElementMethod(this.input.nativeElement, 'focus', []);

Where renderer gets injected in the constructor using protected renderer : Renderer