开发者社区> jerrywangsap> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

SAP Spartacus LockFocusDirective

简介: SAP Spartacus LockFocusDirective
+关注继续查看

image.pngimage.pngimage.png

首先抛出unlock事件,然后将所有子元素的tabindex设置成0.


最后调用父类的handleFocus方法。


父类在这里指auto focus指令。


host被unlock时,子DOM的第一个focusable element会被focus:


image.png


注释里也有add persistence for focused element的功能:element 被rebuild的时候,比如新的数据从后台到达。


当敲回车或者空格键或者鼠标左键单击时,如果配置为shouldLock,则unlock子孙(index = 0)


this.shoudLock从config.lock读取


ngAfterViewInit:


this.shouldLock和this.group必须同时为true


unlock:子孙index设为0


这个lock/unlock是给集合组件使用,语义上比较说得过去。


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

相关文章
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数据库进阶实战
立即下载