Consultar elementos dentro de <content> de um elemento personalizado
Eu tenho dois elementos personalizados. Um deles está aninhado a outro. Algo assim:
<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 os dois elementos personalizados em index.html:
<my-decorator>
<my-element></my-element>
</my-decorator>
Como posso consultar a instância do segundo elemento a partir do código por trás do primeiro?
@CustomTag('my-decorator')
class MyDecorator extends PolymerElement {
bool get applyAuthorStyles => true;
MyDecorator.created() : super.created() {
// TODO:
// get my-element instance here!
// ..
}
}