2013-05-04 121 views
1

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

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容器于x item.top容器属性。最主要的是x-item可能会以一种复杂的方式嵌套,因此动态查找可能很困难或不够稳健。

回答

3

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

从X项内:

Container container = this.parent.xtag; 

定制的元件的作用就像在网页上的一个节点。 elem.xtag getter返回支持页面上节点的Dart对象。

如果还存在其他元素,您仍然可以使用CSS查询来查找要查找的元素。

+0

如果中间还有其他元素呢? (请参阅编辑) – jz87 2013-05-04 04:47:35

+0

更重要的是,是否有使用词法范围规则引用HTML文件中的容器?在代码中查找祖先并不是我想要的。 – jz87 2013-05-04 04:53:53

+0

为什么'this.parent'不适合你?你可以从Dart类为你的自定义元素做到这一点。也许我不明白你的问题。 – 2013-05-04 16:17:05