Доступ к содержимому <content> в элементе Polymer

Question

Мне нужно извлечь содержимое из <content> элемент. Мой пользовательский элемент называется следующим

<my-element>Important text</my-element>

Итак, вопрос: как мне получить этот текст внутри моего полимерного элемента?

Мой полимерный элемент теперь выглядит так:

<polymer-element name="my-element">
    <template>
        <template if="{{show}}">
            <content id="content"></content>
        </template>
    </template>
    <script>
        Polymer('my-element', {
            ready: function () {
                this.show = true;
                //var text = this.$.content.getDistributedNodes(); // doesn't work
            }
        });
    <script>
 </polymer-element>

Любые предложения, как мне этого добиться?

Answer 1

Не используйте готовый, который срабатывает слишком рано, используйте domReady.