聚合物翻译组件 - ＆gt;与阴暗而不是影子dom一起工作

Question

我有以下组件：

<dom-module id="t-t">
    <template>
        <span id="textSpan"></span>
    </template>

    <script>
        Polymer({
            is: "t-t",
            properties: {
            },
            ready: function () {
                var content = Polymer.dom(this).childNodes[0].textContent;
                this.$.textSpan.appendChild(document.createTextNode(commonClient.getTranslation(content)));
            }
        });
    </script>
</dom-module>

这个组件与阴暗的dom一起正常工作！

我在ag-grid的标题中使用它！与阴影结果看起来像这样

<span class="ag-header-cell-text">
    <t-t>
        <span id="textSpan" class="style-scope t-t">Materialstatus</span>
    </t-t>
</span>

如果我使用影子dom，它看起来像这样

<span class="ag-header-cell-text">
    <t-t>
    #shadow-root
        <span id="textSpan">Prüfe Mindestlagerdauer</span>
    Material_CheckMinStay
    </t-t>
</span>

任何人都知道吗？

Answer 1

我已经修好了。

问题不在于我的翻译组件，问题是我在另一个聚合物组件中使用了网格！启用“阴影”后，组件无法再访问它的样式（因为它们已在index.html中导入）