In dart polymer how to define nested custom element?

Question

I want to build a library for custom elements with Dart Polymer, the architecture looks like this:

<parent-custom-element attributes="xxxx">
<child-custom-element-0 attributes="yyyyy">     </child-custom-element-0>
<child-custom-element-1 attributes="zzzzzzzz">     </child-custom-element-1>
</parent-custom-element>

The requirement is that: the child-custom-element could access the DOM/variables/object of the parent-custom-element. For example, if the parent-custom-element has a canvas object, the child-custom-element could draw line, or circle on it.

Any ideas how to do it? Or any examples to guide me?

Thanks!

Answer 1

I wrote a blog post about nesting polymer elements:

http://www.roberthartung.de/nested-polymer-elements-and-data-binding-in-googles-dart/

This should help you to understand how to nest elements. Feel free to ask further questions!

Regards Robert