如何引用 WebComponent 实例？

【问题标题】：How do I reference WebComponent instances?如何引用 WebComponent 实例？
【发布时间】：2013-05-04 01:06:18
【问题描述】：

我想将在标记中创建的 WebComponent 实例的引用传递给 WebComponent dart 类。例如：

html:

<element name="x-container>
  <template iterate="x in xs">
    <x-content-elem>
      <x-item item="{{x}}" top-container="{{lexical-scoped-ref-to-container}}">
    </x-content-elem>
</template>
...

我正在寻找一种将 x-container 引用到 x-item.top-container 属性的方法。主要的是 x-item 可能以某种复杂的方式嵌套，因此进行动态查找可能很困难或不太健壮。

【问题讨论】：

标签： dart dart-webui

【解决方案1】：

您可以使用 DOM 来查找父元素。这样的事情应该可以工作。

从 x-item 内部：

Container container = this.parent.xtag;

自定义元素就像页面上的一个节点。 elem.xtag getter 返回支持页面上节点的 Dart 对象。

如果中间有其他元素，您仍然可以使用 CSS 查询来查找您要查找的元素。

【讨论】：

更重要的是，有没有在 HTML 文件中使用词法范围规则来引用容器？在代码中查找祖先并不是我想要的。
为什么this.parent 不适合你？您可以从 Dart 类中为您的自定义元素执行此操作。也许我不明白你的问题。
this.parent 在运行时评估，因此具有动态范围规则。它指的是运行时的父级。我正在寻找具有词法范围规则的东西。