上下文:
我一直在不同的环境中进行有关Web组件组合的测试。有关详细信息,请参阅Accessing the parent context of a web component being either DOM or Shadow DOM。在这种情况下,我在搜索空间内包含了我的测试插入点。
问题:
假设我们有几个<x-target>
元素的实例,我们正试图找到它们。从那些<x-target>
打算定位的点将是<x-searcher>
个元素。搜索过程旨在遵循编译器理论中典型的最接近的嵌套范围规则。也就是说,每个<x-searcher>
标记在每个范围中查找<x-target>
,如果找到它将被返回但是否则它会爬到父范围并且搜索将重复到根目录它在模板或文档中。
让我们考虑下面的伪代码片段。在上一篇文章中,Scott Miles给出了一个建议,它激发了我在类似环境中解决问题的方法。这个问题与此问题基本相同,但不是使用<x-searcher>
的插入点(A)而是字面上包含该标记。在这种情况下,<x-searcher>
的行为与预期一致。标签使用<x-target>
检索id='2'
标记。然而,在此上下文中,使用插入点,插入(A)中的<x-searcher>
得到的元素返回带有<x-target>
的{{1}}标记。似乎带有插入点的搜索过程是在id='1'
所在的地方进行的,而不是在插入它的模板中进行的。
<x-searcher>
问题:
有人可以提供解决方案或一些提示,我该如何解决我的问题? 谢谢你,哈维尔。