Polymer 关闭抽屉面板

单击纸张项目时如何关闭抽屉面板。我似乎不理解文档或其他类似问题

<paper-drawer-panel responsive-width="800px">
    <paper-header-panel drawer id="drawer">
        <div class="horizontal-section-container">
            <div class="horizontal-section">
                <paper-menu>
                    <paper-icon-item onclick="closeDrawer()" id="icon">
                        <iron-icon icon="favorite" item-icon></iron-icon>
                        Favorite
                    </paper-icon-item>

                    <paper-item>Inbox</paper-item>
                    <paper-item>Starred</paper-item>
                    <paper-item>Sent mail</paper-item>
                    <paper-item>Drafts</paper-item>
                </paper-menu>
            </div>
        </div>
    <!--<ul>
        <li><paper-ripple></paper-ripple>One</li>
        <li><paper-ripple></paper-ripple>Two</li>
        <li><paper-ripple></paper-ripple>Three</li>
    </ul>-->

    </paper-header-panel>
<!-- <paper-header-panel main>
        <paper-toolbar>
            <paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button>
            <div class="title">Title</div>
        </paper-toolbar> 
        <div>

        </div>
    </paper-header-panel>
-->

最喜欢的
收件箱
主演
发送邮件
草稿

---

我使用聚合物与流星1.2.1。有人能帮我吗？

在您的

纸张图标项上
（为什么不在这里使用
纸张图标按钮
）添加属性
纸张抽屉开关

因此，您的代码将如下所示：


最喜欢的

纸盒元件的状态为：

如果指定了paper drawer toggle属性，则应切换抽屉的元素将自动切换抽屉。此外，此元素将自动隐藏在宽布局中

这将是另一种方法

drawerToggle: function() {
    if (this.$.drawer.narrow && this.$.drawer.getBoundingClientRect().width < parseInt(this.$.drawer.responsiveWidth)) {
        this.$.drawer.togglePanel();
    } else {
        this.$.drawer.forceNarrow = !this.$.drawer.forceNarrow;
    }
}

drawerToggle:function（）{
if（this.$.drawer.show&&this.$.drawer.getBoundingClientRect（）.width

在纸张元素的onclick函数中添加此片段

if (!this.$.drawer.persistent) {
          this.$.drawer.close();
}