Angular对dom的操做示例

Angular对dom实现focus的方法

1.Angular可使用renderer的invokeElementMethod方法进行focus

@ViewChild('myField') public myField: ElementRef;
constructor(
  private renderer: Renderer
)
...
this.renderer.invokeElementMethod(this.myField.nativeElement, 'focus');

2.然而在Renderer2是没有invokeElementMethod，但也能够进行以下操做实现focus

constructor(
  private renderer: Renderer2
)
...
this.renderer.selectRootElement('#my-field').focus();

3.另外一种再为直接的方法就是对element实现focus

@ViewChild('myField') public myField: ElementRef;
...
this.myField.nativeElement.focus();

参考：
Renderer2 and setting focus