在 Polymer 元素中访问 <content> 的内容答案

【问题标题】：Access contents of <content> within a Polymer element在 Polymer 元素中访问 <content> 的内容
【发布时间】：2014-12-22 21:19:32
【问题描述】：

我需要从<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>

有什么建议可以实现吗？

【问题讨论】：

只是为了跟进，我尝试了ready 和domReady 两个函数。两者对我来说都很好，这是您的 sn-p 中提到的带有ready 的 jsfiddle：http://jsfiddle.net/kreide/4tnexa19/
我发现了问题，请查看我在 Jerubs 帖子下方的评论！

标签： javascript polymer shadow-dom

【解决方案1】：

不要使用ready，它对你来说太早了，使用domReady。

【讨论】：

谢谢。我在我的代码中发现了问题，我在template 中有一个template（我已经更新了我的帖子）。这是 kreide 的 jsfiddle 的更新