聚合物就绪事件还没有准备好？

Question

当我在控制台中尝试 document.querySelector('core-drawer-panel').togglePanel() 时它可以工作，但是当我这样做时，以下 core-drawer-panel 还没有准备好？

<template>
    <core-drawer-panel forceNarrow>
    </core-drawer-panel>
</template>

<script>
        document.addEventListener('polymer-ready', function() {
            document.querySelector('core-drawer-panel').togglePanel()
            console.log('polymer-ready');
        });
</script>

请注意，由于其他 js 框架的问题，我无法将其包装在聚合物元素中。

Answer 1

试试这个

var template = document.querySelector('template');
template.addEventListener('template-bound', function () {
    //code
});

在模板中使用您的元素，您需要寻找准备就绪的模板而不是聚合物。