Angular对dom的操作示例

DolphinThinker 2019-06-27

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

相关推荐