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

SAP Spartacus LockFocusDirective

来自：汪子熙 2021-11-30 49

简介： 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是给集合组件使用，语义上比较说得过去。


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

JavaScript
spartacus sap sap spartacus lockfocusdirective
开发者社区 > 汪子熙
作者高分内容
更多
一个前端开发工程师的天猫精灵自定义技能开发评测报告 78262 我与无影的初体验：使用无影云桌面进行一个开源 Angular 项目的端到端测试 61188 关于 SAP Spartacus OAuth 2.0 Resource Owner Password Flow 实现的一些讨论 234 SAP Spartacus 基于行项目的订单取消功能(order cancel)实现 146 user.config.ts文件里定义的配置是如何合并到SAP Spartacus的标准配置里去的 102
相关文章
python技术君
SAP Spartacus 产品搜索页面结果里的 filter 设计明细
SAP Spartacus 产品搜索页面结果里的 filter 设计明细
0 0
python技术君
SAP 电商云 Spartacus UI userID 即邮件地址中的加号问题
SAP 电商云 Spartacus UI userID 即邮件地址中的加号问题
0 0
python技术君
SAP Spartacus 和 CDC 集成的 HTTP 请求明细
SAP Spartacus 和 CDC 集成的 HTTP 请求明细
0 0
python技术君
SAP 电商云 Spartacus UI 的 Product Category Navigation UI 实现
SAP 电商云 Spartacus UI 的 Product Category Navigation UI 实现
0 0
python技术君
SAP 电商云 Spartacus 服务器端渲染的单步调试详细步骤
SAP 电商云 Spartacus 服务器端渲染的单步调试详细步骤
0 0
python技术君
SAP Spartacus 项目开发时需要注意的一些常见错误
SAP Spartacus 项目开发时需要注意的一些常见错误
0 0
python技术君
测试 SAP 电商云 Spartacus UI 3.4.x 和 4.3.x 的 guest checkout 功能
测试 SAP 电商云 Spartacus UI 3.4.x 和 4.3.x 的 guest checkout 功能
0 0
python技术君
将 SAP Spartacus 作为 feature module 进行 Lazy Load 延迟加载时遇到的注入错误分析
将 SAP Spartacus 作为 feature module 进行 Lazy Load 延迟加载时遇到的注入错误分析
0 0
python技术君
如何在 SAP Spartacus 中编写 ASM-Compatible 的代码
如何在 SAP Spartacus 中编写 ASM-Compatible 的代码
0 0
python技术君
SAP 电商云 Spartacus UI 里的 ASM 模块启用的前置条件
SAP 电商云 Spartacus UI 里的 ASM 模块启用的前置条件
0 0
+关注
jerrywangsap
文章
问答
作者高分内容
更多
一个前端开发工程师的天猫精灵自定义技能开发评测报告 78262 我与无影的初体验：使用无影云桌面进行一个开源 Angular 项目的端到端测试 61188 关于 SAP Spartacus OAuth 2.0 Resource Owner Password Flow 实现的一些讨论 234 SAP Spartacus 基于行项目的订单取消功能(order cancel)实现 146 user.config.ts文件里定义的配置是如何合并到SAP Spartacus的标准配置里去的 102
来源圈子
更多
汪子熙
15
+ 订阅
文章排行榜
最热
最新
1 承上启下：基于全域漏斗分析的主搜深度统一粗排 91390
2 复杂链表的复制 90561
3 【Transform3D】转换详解（看完就会） 88093
4 【flexbox弹性布局学习指南】CSS热门布局方案 68781
5 DCM：中间件家族迎来新成员 61117
6 系统的混乱并业务本身之复杂，我们并不擅长处理『简单』 48258
7 超越10倍开发者 48111
8 ⚡Three.js-在场景中导入3D动画模型 46093
9 Request&Response 39078
10 《JavaScript高级程序设计》__ 作用域&内存 37882
11 如何实现一个自定义的starter 36587
12 影响成长的关键思考 34888
13 K8S学习-当我们部署应用的时候都发生了什么？（第一篇） 30660
14 【从零开始学习深度学习】12. 什么是模型的训练误差？基于三阶多项式的欠拟合与过拟合训练过程演示 27883
15 阿里云物联网平台设备分发实战 33487
16 ChatGPT 常见错误原因及解决方案：报错、回答不完整等 21120
17 Python3，5行代码，让你拥有无限量壁纸美图，终于告别手动下载了。 16260
18 Python3，区区9行代码批量提取PDF文件的指定内容，我被震惊了.... 5152
19 Python3，9行代码，对比两个Excel数据差异，并把差异结果重新保存。 8386
20 深聊性能测试，从入门到放弃之： Windows系统性能监控(一) 性能监视器介绍及使用。 9357
1 谈谈《流浪地球2》中如何正确的“重启互联网” 813
2 2023阿里云学生服务器免费申请流程 89
3 2023 年8个ChatGPT 的替代品 56
4 java: 错误: 无效的源发行版：17 53
5 YAML与Spring Boot 198
6 AI给你送年画啦！每一张都是独一无二 76
7 使用ChatGPT帮我们写一篇论文，最后查重的重复率会是多少？ 51
8 中原银行对金融行业实时数仓的现状与发展趋势思考 201
9 玖章算术CEO叶正盛：程序员必须掌握的数据库原理 116
10 万字长文 | 多目标跟踪最新综述（基于Transformer/图模型/检测和关联/孪生网络）（下） 68
11 Windows和Ubuntu双系统安装（非虚拟机） 152
12 2023跨年代码（烟花+自定义文字+背景音乐+雪花+倒计时） 789
13 【解决方案】成功解决ERROR: Could not build wheels for opencv-python, which is required to install pyproject.toml-based projects报错信息 86
14 Image Search-这是你的图像搜索 152
15 C/C++编程题之简单错误记录 76
16 zynq操作系统： Linux驱动开发AXIDMA篇 58
17 启用了嵌套硬件辅助的虚拟化时，无法添加 PCI 直通设备。 65
18 学点Linux命令没坏处（文件压缩、解压） 70
19 Java学习笔记 139
20 Spring Cloud Alibaba 2022.0.0.0 版本发布啦！ 125
推荐文章
2022藏经阁年度电子书榜单出炉！ 参与应用引擎 SAE评测，赢取CHERRY机械键盘等好礼 “第益课”大学生技术公益 乘风者计划邀您入驻社区，精彩权益即刻享
相关电子书
更多
低代码开发师（初级）实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期：MySQL数据库进阶实战
立即下载