开发者社区> 努力滴码农> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

SAP Spartacus Focusdirective继承自Lockdirective,静态代码分析

简介: SAP Spartacus Focusdirective继承自Lockdirective,静态代码分析
+关注继续查看

Focusdirective并没有特殊的实现,同其父类Lockdirective相比只是把selector暴露出来而已:

image.png

三个依赖:

  • elementRef: 施加Directive的DOM元素
  • service: keyboardFocusService
  • renderer: Renderer2

再看其父类LockDirective的实现。

有一个默认的配置defaultConfig:

image.png

unlock意味着tabindex为0, 即focus首先落在的位置。


lock实现就是把元素的tabindex设为-1:


注意这里调用注入的renderer给HTML元素设置focus_group_attr属性:


shouldAutofocus返回值取决于this.config.autofocus的配置:

image.png

这里并没有看到自动设置元素focus的代码:

单击上图第157行代码,进入AutoFocusDirective的实现:

这里调用了元素的focus方法实现focus.

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
SAP Spartacus 产品搜索页面结果里的 filter 设计明细
SAP Spartacus 产品搜索页面结果里的 filter 设计明细
0 0
SAP 电商云 Spartacus UI userID 即邮件地址中的加号问题
SAP 电商云 Spartacus UI userID 即邮件地址中的加号问题
0 0
SAP Spartacus 和 CDC 集成的 HTTP 请求明细
SAP Spartacus 和 CDC 集成的 HTTP 请求明细
0 0
SAP 电商云 Spartacus UI 的 Product Category Navigation UI 实现
SAP 电商云 Spartacus UI 的 Product Category Navigation UI 实现
0 0
SAP 电商云 Spartacus 服务器端渲染的单步调试详细步骤
SAP 电商云 Spartacus 服务器端渲染的单步调试详细步骤
0 0
SAP Spartacus 项目开发时需要注意的一些常见错误
SAP Spartacus 项目开发时需要注意的一些常见错误
0 0
测试 SAP 电商云 Spartacus UI 3.4.x 和 4.3.x 的 guest checkout 功能
测试 SAP 电商云 Spartacus UI 3.4.x 和 4.3.x 的 guest checkout 功能
0 0
将 SAP Spartacus 作为 feature module 进行 Lazy Load 延迟加载时遇到的注入错误分析
将 SAP Spartacus 作为 feature module 进行 Lazy Load 延迟加载时遇到的注入错误分析
0 0
如何在 SAP Spartacus 中编写 ASM-Compatible 的代码
如何在 SAP Spartacus 中编写 ASM-Compatible 的代码
0 0
SAP 电商云 Spartacus UI 里的 ASM 模块启用的前置条件
SAP 电商云 Spartacus UI 里的 ASM 模块启用的前置条件
0 0
文章
问答
来源圈子
更多
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载