SAP Spartacus lock directive锁住元素所有子元素及设置FOCUS_GROUP_ATTR的行为

FOCUS_GROUP_ATTR: data-cx-focus-group:

这个属性是动态添加上去的吗？
如何判断哪个元素应该被focus，在auto-focus.service.ts里的selectFocusUtil里实现：

select-focus.util.ts的selector，来自focus directive的配置config.autofocus, 只要focus传一个字符串，就将其当成selector：

如果autofucs是一个字符串，就用来当成selector，否则用硬编码的[autofocus]，即查找HTML模板里添加了autofocus属性的元素。

看这个语义：如果整个组需要lock，并且focus directive配置文件传入了group参数，则将其子元素全部设置上data-cx-focus-group属性，值为传入的group配置参数。

虽然调用了focus，但是没有任何反应，因为还未出现在viewport里：

更多Jerry的原创文章，尽在：“汪子熙”:

总结

以上是生活随笔为你收集整理的SAP Spartacus lock directive锁住元素所有子元素及设置FOCUS_GROUP_ATTR的行为的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。