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