Polymer 聚合物抽屉面板无法关闭

我有一个带核心菜单的核心抽屉面板。单击菜单选项时，我可以打开抽屉面板。我遇到的问题是，当我单击抽屉面板中的某个项目时，它不会关闭。我在底部添加了一个javascript代码，该代码是从polymer项目的spa演示中复制的，但仍然没有关闭

<template is="auto-binding" id="template">
    <core-drawer-panel id="drawerPanel">
        <core-header-panel drawer id="drawer">
            <core-toolbar id="navheader">
                <span>Menu</span>
            </core-toolbar>
            <core-menu selected="{{option}}" on-core-selected="{{selectedOption}} valueattr="data-category">
                core-items...
            </core-menu>
        </core-header-panel>
    </core-drawer-panel>
</template>

<script>
    var template = document.querySelector('#template');
    var navicon = document.getElementById('navicon');
    var drawerPanel = document.getElementById('drawerPanel');

    navicon.addEventListener('click', function() {
        drawerPanel.togglePanel();
    });

    template.selectedOption = function(detail) {
        if(detail.isSelected) {
            drawerPanel.close();
        }
    }
</script>    

菜单
您必须先侦听
模板绑定
事件，然后才能查询选择器或向模板中的任何内容添加侦听器。试着像这样重写它：

<script>
    var template = document.querySelector('#template');
    template.addEventListener('template-bound', function() {
        var navicon = document.getElementById('navicon');
        var drawerPanel = document.getElementById('drawerPanel');

        navicon.addEventListener('click', function() {
            drawerPanel.togglePanel();
        });

        this.selectedOption = function(detail) {
            if(detail.isSelected) {
                drawerPanel.close();
            }
        }
    });
</script>


var template=document.querySelector（“#template”）；
addEventListener（'template-bound'，function（）{
var navicon=document.getElementById（'navicon'）；
var paperpanel=document.getElementById（'paperpanel'）；
navicon.addEventListener（'click'，function（）{
DroperPanel.togglePanel（）；
});
this.selectedOption=函数（详细信息）{
如果（选择详细信息）{
抽屉面板关闭（）；
}
}
});
是否在core上选择了
”{{selectedOption}
输入错误？您缺少一个“正确的函数是
drawerPanel.closeDrawer（）