Focusdirective并没有特殊的实现，同其父类Lockdirective相比只是把selector暴露出来而已：
三个依赖：
- elementRef: 施加Directive的DOM元素
- service: keyboardFocusService
- renderer: Renderer2
再看其父类LockDirective的实现。
有一个默认的配置defaultConfig：
当host元素有事件发生时，触发@HostListener修饰的handleEnter方法：
unlock意味着tabindex为0, 即focus首先落在的位置。
lock实现就是把元素的tabindex设为-1：
注意这里调用注入的renderer给HTML元素设置focus_group_attr属性：
shouldAutofocus返回值取决于this.config.autofocus的配置：
这里并没有看到自动设置元素focus的代码：
单击上图第157行代码，进入AutoFocusDirective的实现：
这里调用了元素的focus方法实现focus.
更多Jerry的原创文章，尽在："汪子熙":
网友评论