Consultar elementos dentro de <contenido> de un elemento personalizado
Tengo dos elementos personalizados. Uno de ellos está anidado en otro. Algo como esto:
<polymer-element name="my-element">
<template>
<div>
Bla, Bla, Bla!
</div>
</template>
<script type="application/dart" src="my_element.dart"></script>
</polymer-element>
<polymer-element name="my-decorator">
<template>
<div>
<div>Decorator</div>
<content>
<!-- my-element will be here-->
</content>
</div>
</template>
<script type="application/dart" src="my_decorator.dart"></script>
</polymer-element>
usando ambos elementos personalizados en index.html:
<my-decorator>
<my-element></my-element>
</my-decorator>
¿Cómo puedo consultar la instancia del segundo elemento desde el código detrás del primero?
@CustomTag('my-decorator')
class MyDecorator extends PolymerElement {
bool get applyAuthorStyles => true;
MyDecorator.created() : super.created() {
// TODO:
// get my-element instance here!
// ..
}
}